если я использую его таким образом // video.src = "./mfs.avc.ne.m3u8"
, видео может воспроизводиться, но когда я добавляю src
с помощью BLOB-объектов, оно не воспроизводится.Кто-нибудь может объяснить это поведение?
<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";
})