[几天以来,我一直在尝试获取m3u8格式的视频源,并在浏览器中以html格式运行。我进行了大量研究,找不到可行的解决方案。当我要退出时,我偶然发现我的代码正在Macbook上运行(在Windows计算机上进行开发和测试之前)...在每个浏览器上。所以我再次开始研究,但仍然没有解决方案。我知道有一个解决方案,因为我尝试播放的视频源是从网站上抓取的,在该网站上我可以在任何平台上观看视频。因此,我尝试进一步调查源网站,发现它正在使用jwplayer。仍然无法运行它。
这就是我当前的HTML代码(在macos中运行-> Chrome,Safari和Firefox:
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
<style>
LEFT OUT BECAUSE OF LINE LIMIT AT STACKOVERFLOW
</style>
</head>
<body>
<video id="video" style="width: 100%; height: 100%;" controls></video>
<script>
function playM3u8(url){
if(Hls.isSupported()) {
var video = document.getElementById('video');
video.volume = 1.0;
var hls = new Hls();
var m3u8Url = decodeURIComponent(url)
hls.loadSource(m3u8Url);
hls.attachMedia(video);
hls.on(Hls.Events.MANIFEST_PARSED,function() {
video.play();
});
} else if (video.canPlayType('application/vnd.apple.mpegurl')) {
video.src = url;
video.addEventListener('loadedmetadata', function() {
video.play();
});
}
}
playM3u8("https://load.hdfilme.ws/hls/9618d6f005e7bf049e324b543727184e/9618d6f005e7bf049e324b543727184e.m3u8")
</script>
</body>
</html>
研究:
How do i embed this m3u8 into jw player
How do we download a blob url video
Playing m3u8 Files with HTML Video Tag
还有很多,但不想在这里发垃圾邮件...
有人知道如何解决这个问题,并在每个平台上播放视频?使用哪个播放器以及该代码的外观如何?提前非常感谢!
参考您的其他问题:Why is link only working from macos operating system
问题之一是您无权访问要让视频播放器播放的资源。我不确定在其他问题中是否以及如何从我的答案中添加缺少的标头属性,但这是要走的路。