IE8下實現視訊播放
阿新 • • 發佈:2019-02-06
首先需要下載vidoe.js檔案,在頁面(test.html)中引用:
<!DOCTYPE HTML>
<html>
<head>
<title>TEST</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/video/video-js.css" type="text/css" />
<script src="js/video/video.js"></script>
<script src="js/test.js"></script>
<script>
videojs.options.flash.swf = "js/video/video-js.swf";
</script>
</head>
<body style="overflow: hidden">
<div style="width:100%;height:100%" >
<div>
<video id="video_id" class="video-js vjs-default-skin" controls="controls" preload="none" autoplay="autoplay" width="100%" height="500px" data-setup="{}">
<source id="source_id"></source>
</video>
</div>
</div >
</body>
</html>
在test.js檔案中:
$(function(){
init(path);
});
function init(path){
$('#source_id').attr('src',path);
$('#source_id').attr('type','video/mp4');
}
path是視訊的路徑名,注意,該外掛與單純的video標籤不一樣,不能在播放視訊的頁面載入完成後,再給標籤賦src路徑值,必須在初始化頁面時直接賦值,否則會導致視訊無法播放,想要動態載入視訊,可以通過頁面跳轉實現(只需在跳轉時給出要播放的視訊地址即可)。此外,IE8需要flash外掛才能播放視訊,初次執行會有英文提示要使用者下載flash,可以在video.js中修改提示語,改成中文提示及flash下載地址。