流媒体嵌入尝试
只需改src指向的流媒体地址(. m3u8)即可
几个好的流媒体资源:
- 好趣网
- CCTV
源码:
<p><strong> demo</strong>如下<strong>:</strong></p> <!-- 导入的videojs是7.0版本以上的,集成VHS协议库,可播放HLS流媒体视频 --> <script type="text/javascript" src="videolib/js/video.min.js"></script> <p><video id="myvideo" width="300" height="260" class="video-js vjs-default-skin" controls="controls" src="https://cctvalih5c.v.myalicdn.com/live/cdrmcctv1_1hd/1601448954_3178486.ts"> <!-- hls直播源地址:CGTN--> </video></p> <script type="text/javascript">// <![CDATA[ var player = videojs('myvideo', {}, function(){console.log('videojs播放器初始化成功')}) player.play(); // ]]></script>
demo如下:
demo2如下:
demo3如下:(《姜子牙》tc版)