我正在处理一个使用cdn plyr
的登录页面
<script src="https://cdn.plyr.io/3.3.10/plyr.js"></script>
<script>const player = new Plyr('#player');</script>
我将视频从本地文件移动到服务器,并更改了src="to new address form server"
,但视频停止工作,并收到以下错误:
page.html:1无法加载https://www.video.mp4:请求的资源上不存在“Access-Control-Allow-Origin”标头。因此不允许访问源'http://111.0.0.0:12121‘。
我尝试了不同的东西,甚至从其他服务器添加了另一个视频,它起作用了。除了我的视频。唯一的工作是添加crossOrigin="anonymous"
到视频标签和安装Chrome extension,但这对其他用户不会工作,我需要一些永久性的东西。
我还查看了许多答案:
How does Access-Control-Allow-Origin header work?
Videos not playing due to no Access Control Allow Origin
HTML5 video doesn't play with crossOrigin=“anonymous”
请您有任何想法如何使这项工作?
发布于 2018-06-16 05:21:47
这是当您尝试从与您发送请求的服务器不同的服务器发送请求时出现的问题。正如评论中所指出的,只有您上传视频的服务器才能控制标题。但是如果它是您自己的服务器,您可以很容易地操作代码来允许来自不同服务器的请求。
发布于 2018-06-16 05:56:54
有关如何在您的服务器W3C CORS Enabled上启用的参考,请尝试以下内容
https://stackoverflow.com/questions/50882481
复制相似问题