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下載地址。
總結
以上是生活随笔為你收集整理的IE8下实现视频播放的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： BeanUtils.copyProper
- 下一篇： Teechart图表教程：Teechar