m3u8 形式の動画を video.js で再生

まず、jqueryとvideo.jsを読み込む

<script src="jquery.min.js"></script>
<link href="https://vjs.zencdn.net/7.17.0/video-js.css" rel="stylesheet" />
<script src="https://vjs.zencdn.net/7.17.0/video.min.js"></script>

html

 <video id="movie-intro" class="movie-player" playsinline data-setup="{}"></video>

JavaScript

$(function(){
 var movie_intro = videojs("movie-intro");
 movie_intro.src("https//sample.com/intro.m3u8");
 movie_intro.play();
});

これで再生できます。

参考サイト
https://blog.toshimaru.net/play-m3u8-video-in-browser/