在线播放m3u8格式视频 - HTML代码示例 - 常规

<!DOCTYPE html>
<html>
<head>
<title>在线播放m3u8格式视频</title>
</head>
<body>
<input type="text" id="m3u8Input" placeholder="输入m3u8链接">
<button onclick="playVideo()">播放</button>
<br><br>
<video id="videoPlayer" controls></video>
<script>
function playVideo() {
var m3u8Url = document.getElementById("m3u8Input").value;
var videoPlayer = document.getElementById("videoPlayer");
videoPlayer.src = m3u8Url;
videoPlayer.play();
}
</script>
</body>
</html>
在这个示例中，我们创建了一个输入框和一个播放按钮。当用户点击播放按钮时，我们将输入框中的 m3u8 链接赋值给 video 元素的 src 属性，并调用 play() 方法开始播放视频。
<p>请注意，该示例没有做任何错误处理或验证输入 m3u8 链接的有效性。在实际应用中，你可能需要添加一些额外的逻辑来确保输入的链接是有效的。</p>