video标签在h5中被劫持问题

将video的视频链接转为blob


export const encryptionVideo = (options: URL) => {
    return new Promise((resolve, reject) => {
        window.URL = window.URL || window.webkitURL;
        var xhr = new XMLHttpRequest();
        xhr.open('GET', options.url, true);
        xhr.responseType = 'blob';
        xhr.onload = function() {
            if (this.status == 200) {
                var blob = this.response;
                var u = window.URL.createObjectURL(blob);
                resolve(u);
            }
        };
        xhr.send();
    });
}

注:如果出现跨域问题需要在服务器上设置一下不让跨域 

视频标签中设置相应属性


更多信息:https://zhuanlan.zhihu.com/p/166014722?utm_id=0 

你可能感兴趣的:(前端,javascript,html)