視頻播放插件,為需要視頻播放的場景提供了良好的支持,界面美觀,幾乎兼容所有瀏覽器,自動判斷是使用H5還是使用flash播放,保證食視頻播放達到最佳效果。
/*
使用vedio.js完成在常見瀏覽器播放mp4,quicktime視頻的需求
*/
//html部分
//引入庫文件
<link.../>
<script ...></script>
...
<div id="content" class="span10">
//使用video標簽,并為其設置id
<video id="example_video_1" class="video-js vjs-default-skin" controls preload="auto" width="720" height="410">
//為其設置mp4,quicktime兩種視頻資源格式的支持,將視頻播放地址以get方式傳遞過來,并通過${param.getVio}獲取
<source src="${param.getVio}" type='video/mp4' />
<source src="${param.getVio}" type='video/quicktime' />
<p class="vjs-no-js">不支持播放</p>
</video>
</div>
<script type="text/javascript">
//初始化,與上方video設置的id相對應
var myPlayer = videojs('example_video_1');
videojs("example_video_1").ready(function(){
var myPlayer = this;
myPlayer.play();
});
</script>