插件描述：FlowPlayer 是一个Web上的视频播放器，可以很容易将它集成在任何的网页上。支持HTTP以及流媒体传输。
flowplayer分html5版和flash版本，大家可根据需求选择版本。
一. 介绍：Flowplayer支持播放flv、swf等流媒体以及图片文件，能够非常流畅的播放视频文件，支持自定义配置和扩展。
二. 调用:
1. 在页面头部Head标签内添加引用
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script> <script src="flowplayer.min.js"></script>
2. 在页面中添加播放器实例化代码：
这里介绍两种调用方法
方法一：
<div class="flowplayer" data-swf="flowplayer.swf" data-ratio="0.4167"> <video> <source type="video/mp4" src="http://jq22com.qiniudn.com/jq22com.mp4"> </video> </div>
说明：
将a标签的href属性指向要播放的视频地址，设置播放器显示时的宽度和高度，设置a标签为display:block，并为a标签指定id，该id用于flowplayer的js调用。
方法二：
<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：表示是否自动缓冲，即当视频文件设置为不自动播放时，播放器仍然预先下载视频文件内容。
PREVIOUS:
NEXT:
相关插件-音频和视频
讨论这个项目（33）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
Qiang66 0
2019/7/13 23:28:10
-
请问怎么删除窗口下面一排的暂停按钮 进度条 音量...... 万分感谢
BattleofLexington0
2019/7/14 1:38:44
-
设置样式隐藏
.fp-ui{display: none;}
喜欢懒懒的｀ 一个人就好 0
2019/6/10 17:41:36
-
请问怎么更改暂停时屏幕中间暂停按钮的样式
西瓜0
2019/6/10 17:48:49
-
修改skin/img/play_white.png中图片样式。
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
