ViedoJS直播视频流实验

CCTV-16 奥运频道

0) type要写就必须写对，不写加载比较慢，也可能造成加载不出来的情况。
type=”application/x-mpegURL” HLS流,比例设置 “aspectRatio”: “16:9”
1) poster属性:展示视频的封面,如果需要展示视频第一帧,这个属性不定义就可以,但是app不兼容这个属性,找了好久,暂无解决办法,但是pc可以.
2)vjs-big-play-centered:videojs:一个class,因为videojs播放按钮默认在左上角,加上这个class就居中了.

<script>
videojs('video1',{
    "autoplay" : false,
    "controls" : true,
    "techOrder" : [ "html5", "flash" ],
    //"width":"100%",
    //"height":"100%",
    "sources" : [ {
        src : "${video1.videofile.videopath}",
        type : "${video1.videofile.mimetype}"
    } ]
}); 
</script>

这段初始化代码是videojs用来初始化video的,建议放在页面底端.因为放在上面获取video的id时,video还没加载.

"sources" : [ {
        src : "${video1.videofile.videopath}",
        type : "${video1.videofile.mimetype}"
    } ]

sources定义的视频的路径和解析方式:
a. src :你的视频文件地址
b. type :视频类型 eg:video/mp4(如果视频是转码格式,一定要换成转码的类型eg:application/x-mpegURL)

3.不刷新页面更换视频播放源
项目中可能会有不能刷新页面但是视频需要改变

var videojsplay=videojs('video1');
videojsplay.src({src: path,
     type: mimetype});
videojsplay.play();

可以通过ajax获取,play()是视频播放方法,如果切换了视频源可以直接播放.