我收到与 Access-Control-Allow-Origin 相关的错误消息答案

【问题标题】：I'm getting an error message related to Access-Control-Allow-Origin我收到与 Access-Control-Allow-Origin 相关的错误消息
【发布时间】：2018-06-15 20:48:45
【问题描述】：

我正在使用使用 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”标头。 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”

请任何想法如何使这项工作？

【问题讨论】：

由服务器设置标头。
@Stand__Sure 我上传视频的服务器？还是托管页面的服务器？无论如何我可以从 html 文件中控制它吗？
不是来自文件本身

标签： server html5-video cross-domain plyr.js

【解决方案1】：

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

【讨论】：

这是我的服务器，但我可以在 html 文件中做任何事情吗？或者如何从服务器端做到这一点？请注意，我没有后端经验。
@Adam 我已经发布了一个参考，其中包含各种服务器的说明作为单独的答案。

【解决方案2】：

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

【讨论】：