HTML 在线播放flv、MP4 超简单插件----flowplayer

这是一款免费的web在线播放插件，建议去官网下载，官方文档也很详细；

官网地址：http://flowplayer.org/download/index.html

 

本人英语不好，看半天没从官网找到下载地址，要感谢一网友给找了一 floweplayer 插件包

网盘地址：http://pan.baidu.com/s/1gdJDIaJ

 

首先 引入js文件

<script type="text/javascript" src="flowplayer-3.2.11.min.js"></script>

 

方法一：a标签

<a href="test.flv" style="display: block; width: 670px; height: 450px" id="player"></a>
<script>
   flowplayer("player", "flowplayer-3.2.15.swf");
</script>

href 可以是相对路径，绝对路径(我没测试不过应该是可以的)，也可以是url路径(http://***.flv)

使用flowplayer()函数调用播放器，第一个参数是播放器的id，第二个参数是播放器的路径，它是一个flash文件，要保证该播放器的路径和名字的正确

 

方法二：div标签

<div id="player" style="width: 670px; height: 450px;"></div> 

<script>flowplayer("player", "flowplayer-3.2.15.swf", { clip: { url: "test.flv", autoPlay: false, autoBuffering: true} }); </script>

使用flowplayer()函数调用播放器，第一个参数是播放器的id，第二个参数是播放器的路径

clip方法里的url：表示视频文件的真实地 址,url 可以是相对路径，绝对路径,url地址，autoPlay：表示是否自动播放，默认是true，autoBuffering：表示是否自动缓冲，即当视频文件设置为不自动播放时，播放器仍然 预先下载视频文件内容。

 

flowplayer还支持播放列表，以及皮肤设置等多项高级设置，具体设置方法，请参考官方文档：https://flowplayer.org/docs/

 

转载于:https://www.cnblogs.com/qing-blog/p/4704495.html