關於H5播放Http Live Streaming m3u8格式視頻

HLS，Http Live Streaming 是由Apple公司定義的用於實時流傳輸的協議，HLS基於HTTP協議實現，傳輸內容主要包括兩部分，一是M3U8描述文件，二是TS媒體文件。

因為是蘋果出的視頻播放格式，所以PC端除了safari別的瀏覽器基本都不支持，微軟的edge一推出就支持，下圖是各個瀏覽器的具體支持情況

可以看到android和ios基本可以認為都支持的，我用的hls.js來播放

項目https://github.com/video-dev/hls.js

使用方式也很簡單，直接看他給的示例就行，主要是傳入m3u8的描述文件，然后會加載ts文件片播放，后台ts文件路徑要正確

<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
<video id="video"></video>
<script>
  if(Hls.isSupported()) {
    var video = document.getElementById('video');
    var hls = new Hls();
    hls.loadSource('https://video-dev.github.io/streams/x36xhzz/x36xhzz.m3u8');
    hls.attachMedia(video);
    hls.on(Hls.Events.MANIFEST_PARSED,function() {
      video.play();
  });
 }
</script>