flv.js 是 html5 flash 视频(flv)播放器,纯原生 javascript 开发,没有用到 flash。由 bilibili 网站开源。
引入js
<script src="flv.min.js"></script>
视图
<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>