js页面的影片播放-加请求头时，PC端-正常，手机浏览器-无法播放

sichen01

于 2020-10-15 16:18:46 发布

阅读量1.5k

点赞数

分类专栏：视频播放文章标签： javascript java html5

本文链接：https://blog.csdn.net/sichen01/article/details/109099160

版权

视频播放专栏收录该内容

1 篇文章

订阅专栏

在JS页面中，影片播放遇到问题。当不添加请求头时，PC和手机浏览器都能正常播放；但添加请求头后，手机浏览器无法播放。问题可能出在响应头的配置上，需要实现视频分段多次验证。前端代码使用XMLHttpRequest进行POST请求，设置了响应类型为blob，并在成功后处理blob数据。寻求解决视频播放与请求头兼容性问题的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js页面的影片播放-加请求头

1.js页面的影片播放-不加请求头时，PC端正常播放，手机浏览器正常播放。

2.js页面的影片播放-加请求头时，PC端正常播放，手机浏览器无法播放。
response请求头，应该怎么配置，才能通过视频分段-多次验证呢？

求大佬帮忙指点迷津，谢谢！

前端-js代码：

在这里插入代码片

    <video id="sound" width="500" height="300" controls="true" 
    playsinline webkit-playsinline autoplay muted loop ></video>
    
    <script type="text/javascript">
        var xhr = new XMLHttpRequest();
        xhr.open('POST', '/video/test', true);
        //设置请求结果类型为blob
        xhr.responseType = 'blob';
        //请求成功回调函数
        xhr.onload = function (e) {
            if (this.status == 200) {//请求成功
                var blob = this.response;
                //获取blob对象地址，并把值赋给容器            document.getElementById('sound').src=URL.createObjectURL(blob);
            }
        };
        xhr.send(); </script>