HTML5播放 M3U8的hls流地址

在HTML5中播放HLS流（M3U8文件），通常需要使用JavaScript库，如hls.js。以下是使用hls.js播放HLS流的示例代码：

首先，在HTML文件中包含hls.js库：




<!DOCTYPE html>
<html>
<head>
  <title>HLS Stream</title>
</head>
<body>
  <video id="video" controls></video>
 
  <script src="https://cdn.jsdelivr.net/npm/hls.js@latest/dist/hls.min.js"></script>
  <script>
    var video = document.getElementById('video');
    var hls = new Hls();
 
    hls.loadSource('你的M3U8流地址');
    hls.attachMedia(video);
    hls.on(Hls.Events.MANIFEST_PARSED, function() {
      video.play();
    });
  </script>
</body>
</html>

确保将 '你的M3U8流地址' 替换为你的实际HLS流地址。

hls.js库会自动检测浏览器是否支持HLS视频，并在支持的情况下使用HLS流。如果不支持HLS，它将回退到其他方法。

HTML5播放 M3U8的hls流地址

评论已关闭

推荐阅读