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()是视频播放方法,如果切换了视频源可以直接播放.