在瀏覽器上播放m3u8視頻

在edge上有效

<video width="600" controls>
    <source src="https://www.gentaji.com/20200205/2J8Ij9tS/index.m3u8" type="application/x-mpegURL" />
</video>

使用video.js

λ npm install --save @videojs/http-streaming

<link rel="stylesheet" href="./node_modules/video.js/dist/video-js.min.css" />

<video-js id="vid1" class="vjs-default-skin" controls>
  <source
    src="https://www.gentaji.com/20200205/2J8Ij9tS/index.m3u8"
    type="application/x-mpegURL"
  />
</video-js>

<script src="./node_modules/video.js/dist/video.min.js"></script>

<script>
  var player = videojs("vid1");
  player.play();
</script>