1. 程式人生 > >IE8下實現視訊播放

IE8下實現視訊播放

首先需要下載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下載地址。