html5播放 m3u8

HTML5 本身不直接支持 m3u8 文件的播放，但是可以通过一些 JavaScript 库来帮助实现，例如使用 hls.js 或者 videojs-contrib-hls。

以下是使用 hls.js 来播放 m3u8 文件的示例代码：

1. 首先，在你的 HTML 文件中引入 hls.js：

<script src="https://cdn.jsdelivr.net/npm/hls.js@latest/dist/hls.min.js"></script>

2. 然后，在你的 HTML 文件中添加一个 video 标签：

<video id="video" controls autoplay></video>

3. 使用 JavaScript 初始化 HLS 播放器：

if (Hls.isSupported()) {
  var video = document.getElementById('video');
  var hls = new Hls();
  
  hls.loadSource('http://www.example.com/path/to/your/video.m3u8');
  hls.attachMedia(video);
  hls.on(Hls.Events.MANIFEST_PARSED, function() {
    video.play();
  });
}

确保你的服务器支持 CORS，否则你可能需要配置你的服务器来允许跨域请求。如果你的 m3u8 文件和 ts 分片文件都跨域，你可能需要在服务器端设置相应的 CORS 头部。