html5 video标签播放m3u8

发布时间:2021-07-02编辑:佚名阅读(1468)

<script src="https://cdn.jsdelivr.net/hls.js/latest/hls.min.js"></script> // 必须!!!
<video id="video"></video>
<script>
  if(Hls.isSupported()) {
    var video = document.getElementById('video'); // 获取 video 标签
    var hls = new Hls(); // 实例化 Hls 对象
    hls.loadSource('.m3u8 后缀路径'); // 传入路径
    hls.attachMedia(video);
    hls.on(Hls.Events.MANIFEST_PARSED,function() {
      video.play(); // 调用播放 API
  });
 }
</script>


  关键字:html5video标签播放m3u8


鼓掌

0

正能量

0

1

呵呵

0


评论区