使用html5播放m3u8直播源

感謝

https://blog.csdn.net/weixin_44176774/article/details/90474801

前段時間寫項目時候遇到一個問題，在 H5 頁面上無法播放 m3u8 后綴的視頻，經過不斷的查閱資料發現，通過一段代碼可解決，但是！除非瀏覽器支持，否則請轉碼。

<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>

　　只是有個問題,我這里很卡頓,視頻在抖動