m3u8视频播放HTML
warning:
这篇文章距离上次修改已过189天，其中的内容可能已经有所变动。
要在HTML中播放m3u8格式的视频，可以使用<video>标签配合type属性，并使用HLS.js库来处理m3u8文件的加载。以下是一个简单的示例代码：
<!DOCTYPE html>
<html>
<head>
<title>播放m3u8视频</title>
<script src="https://cdn.jsdelivr.net/hls.js/latest/hls.min.js"></script>
</head>
<body>
<video id="video" controls width="640" height="360"></video>
<script>
var video = document.getElementById('video');
var hls = new Hls();
hls.loadSource('http://example.com/path/to/your/video.m3u8');
hls.attachMedia(video);
hls.on(Hls.Events.MANIFEST_PARSED, function() {
video.play();
});
</script>
</body>
</html>确保将http://example.com/path/to/your/video.m3u8替换为您的m3u8视频文件的实际URL。
这段代码首先通过<script>标签引入了HLS.js库。然后，在<video>元素中设置了播放器控制，并通过JavaScript创建了一个HLS实例，加载指定的m3u8文件，将其附加到视频元素上，并监听MANIFEST_PARSED事件以在解析完播放列表后开始播放视频。
评论已关闭