web加载视频时怎么自定义视频请求头内容?

帅子96
  • 3
新手上路,请多包涵

公司视频需要加密,实现方式是在前端发送HTTP请求视频数据的请求头加一串类似token的数据,后端以此来判断是否允许返回视频数据,iOS端和Android端都有办法设置视频请求头,前端怎么实现,我目前使用了video.js播放器,实在找不到设置请求头的方法,求助!!!

回复
阅读 6.6k
4 个回答
帅子96
  • 3
新手上路,请多包涵

类似video、img这种标签似乎是无法设置请求头的。。。

const xhr = new XMLHttpRequest();
xhr.onreadystatechange = function(){
    if(this.readyState === 4){
        if (this.status === 200){
            const res = this.response || this.responseText;
            // type 里的类型瞎猜的。。
            const blob = new Blob([res],{type:"video/mp4"});
            const blobUrl = URL.createObjectURL(blob);
            document.querySelector("你的video标签的选择器").src = blobUrl;
        }
    }
};
xhr.open("get", "链接地址", true);
//设置请求头
xhr.setRequestHeader("你想设置的key的名字,不可为中文","你想设置的value的值,不可为中文");
//可以设置多个,例如
xhr.setRequestHeader("token","abcdefg");
xhr.setRequestHeader("haha","lala");
//发射
xhr.send();
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏