flowplayer分html5版和flash版本,大家可根据需求选择版本。
一. 介绍:Flowplayer支持播放flv、swf等流媒体以及图片文件,能够非常流畅的播放视频文件,支持自定义配置和扩展。
二. 调用:
1. 在页面头部Head标签内添加引用
1 2 | < script src = "flowplayer.min.js" ></ script > |
2. 在页面中添加播放器实例化代码:
这里介绍两种调用方法
方法一:
1 2 3 4 5 | < div class = "flowplayer" data-swf = "flowplayer.swf" data-ratio = "0.4167" > < video > </ video > </ div > |
说明:
将a标签的href属性指向要播放的视频地址,设置播放器显示时的宽度和高度,设置a标签为display:block,并为a标签指定id,该id用于flowplayer的js调用。
方法二:
1 2 3 4 | < div id = "tl_player" style = "width: 670px; height: 450px;" ></ div > < script > flowplayer("tl_player","/js/flowplayer/flowplayer-3.2.12.swf",{clip:{ url:"/Video/story.flv",autoPlay: false, autoBuffering:true} }); </ script > |
说明:
也可以用div或者span 等其他标签来作为播放器的容器,但要给定其style的高度,宽度且为块级元素。
一些设置参数:clip方法里的url:表示视频文件的真实地址,autoPlay:表示是否自动播放,默认是true,autoBuffering:表示是否自动缓冲,即当视频文件设置为不自动播放时,播放器仍然预先下载视频文件内容。
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com