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

Question

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

Answer 1

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

Answer 2

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();

Answer 3

亲 解决了吗

Answer 4

请问下这个问题当时怎么解决的，我的请求头也设置不了，我修改了。好久了