视频播放插件,为需要视频播放的场景提供了良好的支持,界面美观,几乎兼容所有浏览器,自动判断是使用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>