Javascript 无法加载HTML格式的XMLHttpRequest视频

Javascript 无法加载HTML格式的XMLHttpRequest视频,javascript,Javascript,我想在我的视频播放器中播放一段10分钟的小视频。我必须使用XMLHttpRequest下载视频文件,然后在我的视频播放器上播放。我正在使用Xampp并使用电脑的ip地址加载视频文件。但是我遇到了一个错误,我不知道如何修复它。下面是我的代码和错误。请帮帮我 我的HTML5代码: var video_player=document.querySelectorAll(“[video player]”)[0]; var url=“http://[my ip address]/video\u play

我想在我的视频播放器中播放一段10分钟的小视频。我必须使用XMLHttpRequest下载视频文件,然后在我的视频播放器上播放。我正在使用
Xampp
并使用电脑的ip地址加载视频文件。但是我遇到了一个错误,我不知道如何修复它。下面是我的代码和错误。请帮帮我

我的HTML5代码:


var video_player=document.querySelectorAll(“[video player]”)[0];
var url=“http://[my ip address]/video\u player/media/ba/video/2d/60fps/2160p/video.mp4”;
请求(url、函数(缓冲区)
{
video_player.src=缓冲区;
});
函数请求(url,cb)
{
var xhr=新的XMLHttpRequest;
xhr.open('get',url,true);
xhr.responseType='arraybuffer';
xhr.onload=函数()
{
cb(xhr.响应);
};
xhr.send();
}

跨域访问存在问题,不允许您的XHR请求下载视频。
但是为什么不将视频url直接放在视频标记的“src”属性中,例如“我必须使用XMLHttpRequest下载视频文件”为什么必须这样做?您不能直接将视频的src设置为url吗?另外,一旦你的交叉源被修复,你会发现你不能将ArrayBuffer设置为VideoElement的
src
(你最好将它作为Blob下载,然后将src设置为
URL.createObjectURL(xhr.response)
如果您真的必须使用xhr,我知道视频将通过与src的直接连接播放,但我想使用XMLHttpRequest()对于我的项目。因此,请帮助我如何避免此错误。配置您的服务器,使其接受您的主机对于xampp服务器如何执行此操作我知道视频将通过与
src
直接连接播放,但我想使用
XMLHttpRequest()
用于我的项目。因此,请帮助我如何避免此错误。您需要将web服务器配置为允许跨源域。您使用什么类型的web服务器来服务您的视频?例如,在Apache中,您可以按照以下说明操作:Im使用xampp。