Question

我正在使用使用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但是这对其他用户不起作用，我需要一些永久性的东西。

我也看了很多答案：

请知道如何使这项工作？

Answer 1

当您尝试从与发送请求的服务器不同的服务器发送请求时，会出现此问题。正如在评论中指出的那样，只有您上传视频的服务器才能控制标题。但如果它是您自己的服务器，您可以轻松地操纵代码以允许来自不同服务器的请求。

Answer 2

试试这个以获取有关如何在服务器上启用W3C CORS Enabled

的参考