HTML5实现播放PPT的方法可以调用CSS样式,步骤如下;
1、调用JS插件代码:
<script src="js/yhc.js"></script>
<script src="js/main.js" charset="utf-8"></script>
<script>impress().init()</script>
2、添加CSS样式代码:<link href="css/qqguoji.css" rel="stylesheet" />。
3、添加HTML代码:将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
该HTML5网页模版是一款基于html5实现的网页旋转、移动切换PPT展示效果。请用支持HTML5+CSS3主流浏览器预览效果,兼容测试:IE11、Firefox、Chrome、Opera、Safari、360等支持HTML5+CSS3主流浏览器
html不能直接引入flv格式的视频,只能通过引入一个.swf的播放器来播放flv格式的视频<object class id="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="300" height="240">
<param name="movie" value="flvplayer.swf">
<param name="quality" value="high">
<param name="allowFullScreen" value="true">
<param name="FlashVars" value="vcastr_file=images/1234.flv">
<embed src="flvplayer.swf" allowfullscreen="true" flashvars="vcastr_file=images/1234.flv" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="240"></embed>
</object>1234567
1.flvplayer.swf换成你的swf路径文件
2.添加属性flashvars=”vcastr_file=images/1234.flv”,其中“images/1234.flv”便是flv的路径。
3.allowFullScreen: 是否允许全屏显示,true是,false否。其他参数咱不做详解了。。。
4.loop: true循环播放
5.如要插入.swf格式视频,去掉flashvars属性,吧flvplayer.swf换成你要播放的.swf文件路径就可以了
6.这方法是使用 object 和 embe标签来嵌入。细心的会发现object 的很多参数和 embed里面的很多属性是重复的。为什么这样做?为了浏览器兼容性,有的浏览器支持 object,有的支持 embed,这也是为什么要修改Flash的参数时两个地方都要改的原因。 这种方法是 Macromedia 一直以来的官方方法最大限度的保证了 Flash 的功能没有兼容性问题。
DREAMWEAVER中本来有一个控件可以直接添加播放器的,呵呵,但是没有下载,就不能截图给你看了,自己把下面的代码改下宽和高,及路径就可以了1avi格式 <object id="video" width="400" height="200" border="0" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"><param name="ShowDisplay" value="0">
<param name="ShowControls" value="1">
<param name="AutoStart" value="1">
<param name="AutoRewind" value="0">
<param name="PlayCount" value="0">
<param name="Appearance value="0 value=""">
<param name="BorderStyle value="0 value=""">
<param name="MovieWindowHeight" value="240">
<param name="MovieWindowWidth" value="320">
<param name="FileName" value="地址">
<embed width="400" height="200" border="0" showdisplay="0" showcontrols="1" autostart="1" autorewind="0" playcount="0" moviewindowheight="240" moviewindowwidth="320" filename="地址" src="sample.avi">
</embed>
</object>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)