HTML 在线播放flv、MP4 超简单插件----flowplayer
2020-02-16 17:03
561 查看
这是一款免费的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
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- HTML基础
- html课后笔记
- 2017学习HTML之路
- 2019前端html面试题总和!无答案
- .text()设置文本,.html()设置html, .val()设置值的使用
- HTML 标记一览
- XML的简介及其与HTML的区别及联系
- HTML常用标签总结
- HTML元素可编辑的属性
- Html.DropDownList 三级联动
- 纯HTML网页传值(非ajax)
- Ubuntu中 odoo12安装wkhtmltopdf报错:Depends: libpng12-0 but it is not installable
- HTML学习总结
- HTML DOM笔记
- 如何给html网页标题添加ico图标
- html中的标签总结
- 基于itext的html转pdf的代码实现,亲测可用
- Html注册表单示例
- 2019/9/7 HTML复习回顾
- html的入门——从标签开始(1)