【支持FLV的播放器 flv视频播放器】
Flv.js 是 HTML5 Flash 视频(FLV)播放器,纯原生 JavaScript 开发,没有用到 Flash 。由 bilibili 网站开源 。
引入js
<script src=https://atx106.com/"flv.min.js">
视图
<div class="main">
<video id="videoElement" class="centeredVideo" controls autoplay width="1024" height="576">Your browser is too old which doesn't support HTML5 video.</video>
</div>
<br>
<div class="controls">
<!–<button onclick="flv_load()">加载</button>–>
<button onclick="flv_start()">开始</button>
<button onclick="flv_pause()">暂停</button>
<button onclick="flv_destroy()">停止</button>
<input style="width:100px" type="text" name="seekpoint" />
<button onclick="flv_seekto()">跳转</button>
</div>
js
<script>
var player = document.getElementById('videoElement');
if (flvjs.isSupported()) {
var flvPlayer = flvjs.createPlayer({
type: 'flv',
url: '你的视频.flv'
});
flvPlayer.attachMediaElement(videoElement);
flvPlayer.load(); //加载
}
function flv_start() {
player.play();
}
function flv_pause() {
player.pause();
}
function flv_destroy() {
player.pause();
player.unload();
player.detachMediaElement();
player.destroy();
player = null;
}
function flv_seekto() {
player.currentTime = parseFloat(document.getElementsByName('seekpoint')[0].value);
}
</script>
(今完)
推荐阅读
- 五类网线和六类网线水晶头一样吗 六类水晶头和五类水晶头的区别
- 如何识别自己的皮肤色调并正确选择粉底颜色
- 遮瑕膏的7个使用方法 你都知道吗
- 卖服装的销售技巧和话术 卖服装的技巧
- 出太阳了心情好的句子
- 如何查询电脑使用过的痕迹 如何查询电脑ip
- 关于朋友友谊的句子
- 元旦的习俗是什么
- 怎么换回老公的心 如何换回老公的心
- 古典文雅有寓意的名字