鍍金池/ 問答/HTML5  HTML/ 如何通過blob隱藏video的src,m3u8格式?

如何通過blob隱藏video的src,m3u8格式?

將m3u8文件blob了,放入video標簽中,視頻不能播放,如果直接使用video.src = "./mfs.avc.ne.m3u8";是可以播放的,請問這種問題需要怎么解決?

我的m3u8的blob對象,已經(jīng)查看了,vnd.apple.mpegurl這個類型瀏覽器是支持的
clipboard.png

<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>
回答
編輯回答
執(zhí)念

m3u8只是一個索引文件,如果相對目錄是服務(wù)器,那么就從服務(wù)器上找ts文件播放。
而如果你變成了本地附件,那相對路徑就是本地,如何從本地找ts播放?

2018年2月13日 05:18