video.js实现动态视频播放,解决播放后缀名为m3u8的视频格式

1,在html中引入video.js  

 

2,引入  class为video-js添加进video标签中

    <video id="my_video" class="video-js" controls preload="auto" data-setup="{}">
    <source src="https://meng.wuyou-zuida.com/20191122/message.m3u8" type="application/x-mpegURL"/>
      你的浏览器不支持video
    </video>

3.获取  id为“my_video”     

    var myPlayer =videojs("my_video")//获取video的id值

    myPlayer.src(url_html)
    myPlayer.load(url_html)

利用src和load属性加载视频文件

 

posted @ 2019-12-09 16:59  吉吉国王与毛毛  阅读(1280)  评论(0编辑  收藏  举报