之前在进行EasyNVR多屏开发的时候,由于多屏功能不需要在手机端展示出来(pc多播放为RTMP,手机端播放为HLS),因此只注意到了引用videojs来进行rtmp的播放。由于不同项目需求不同,对hls流的播放也需要体现出来。
videojs在播放rtmp时,是调用Flash来进行播放的,在播放hls时是调用h5来播放的。
代码语言:javascript复制<source src="hls地址" type="application/x-mpegURL">
<source src="rtmp地址" type="video/mp4">
主要的不同点在于type的形式
当我们在标签中引用videojs时会通过data-setup=”;来进行控制,我们有时默认为空,由videojs自己来觉定,但是必须要有该属性;
如果是要播放 hls 就改成這樣
data-setup=’{“techOrder”: [“hls”]}’ ; 播放h5或flash,同理;
如果 我们播放方hls, video type 一定要是 type=”application/x-mpegURL”; 其他更多的用法请参考官网文档:http://docs.videojs.com/