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>