将m3u8文件blob了,放入video标签中,视频不能播放,如果直接使用video.src = "./mfs.avc.ne.m3u8";是可以播放的,请问这种问题需要怎么解决?
我的m3u8的blob对象,已经查看了,vnd.apple.mpegurl这个类型浏览器是支持的
<body>
<video id="player" controls autoplay style="width:400px;height:300px;">
</video>
<script>
fetch("./mfs.avc.ne.m3u8")
.then(function (response) {
return response.blob();
})
.then(function (m3u8blob) {
console.log(m3u8blob);
// var bb = new Blob([m3u8blob],{type:"application/x-mpegURL"});
// console.log(bb);
var video = document.getElementById("player");
video.src = URL.createObjectURL(m3u8blob);
// console.log(bb.getBlob(type));
// video.src = "./mfs.avc.ne.m3u8";
video.type = "application/x-mpegURL";
})
</script>
m3u8
只是一个索引文件,如果相对目录是服务器,那么就从服务器上找ts
文件播放。而如果你变成了本地附件,那相对路径就是本地,如何从本地找
ts
播放?