jquery使用案例——Video.js实现视频展示

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