加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

比较好的播放视频插件swfobject.js

发布时间:2020-12-15 17:28:51 所属栏目:百科 来源:网络整理
导读:播放视频的方法: 方法一、 使用html5播放 ??? video src="./files/Clip_480_5sec_6mbps_h264.mp4" width="1000px" height="400px" controls="controls" loop="loop" autoplay="autoplay" poster="images/zzsm.png" style="border:1px solid red;"your brows

播放视频的方法:

方法一、 使用html5播放


??? <video src="./files/Clip_480_5sec_6mbps_h264.mp4" width="1000px" height="400px" controls="controls" loop="loop" autoplay="autoplay" poster="images/zzsm.png" style="border:1px solid red;">your browser does not support the video.</video>

poster用来设置视频的封面图,

loop是否循环播放

autoplay是否自动播放

controls是否显示控制按钮

缺点:兼容不太好

方法二:使用视频插件swfobject.js?

首先下载下载所需要的文件,在demo.html中

?<!--video_1部分-->
??? <div class="video_1" id="a1">
??????? <!--<img src="{$web_path}images/banner1.jpg" />-->
??? </div>
??? <script type="text/javascript" src="js/swfobjects.js"></script>
??? <script type="text/javascript">
??????? var v = new SWFObject("files/flvplayer.swf","single","1100","550","1");
??????? v.addParam("allowfullscreen","true");?????? //可以让视频撑满限定的宽度和高度*
??????? v.addParam("wmode","transparent");????? //可以将视频设置不为最高层,其他层可以覆盖住视频*
??????? v.addVariable('volume','40');
??????? v.addVariable("autostart",'false');
??????? v.addVariable("overstretch","true");
??????? v.addVariable("file","files/11.flv");//视频路径
??????? v.addVariable("image","images/banner1.jpg");//设置视频封面图
??????? v.write("a1");
??? </script>
??? <!--end of video_1部分-->

效果如下图:

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读