javascript - 嵌入 Twitch 播放器可以在 fiddle 中运行，但不能在本地 html 文件中运行

Question

我正在尝试将 twitch 播放器嵌入到我的本地 html 文件中。代码可以在这里看到:https://www.w3schools.com/code/tryit.asp?filename=GACZWRWOSZ9M 。如果我使用相同的代码在本地创建文件，按钮和事件监听器将不起作用。

我认为这可能会发生，因为在实例化 twitch 播放器时第一个脚本尚未完成加载并尝试如下操作: https://www.w3schools.com/code/tryit.asp?filename=GAD1GO4LW13C 。但这也不起作用。

我将添加两张图片来比较控制台输出。

第一张图片是第一个链接的输出:https://ibb.co/dGv7j9v

第二张图片是我本地html文件的输出:https://ibb.co/NtLwZKK

您可以在第二张图片中看到“ready”和“play”事件没有被触发，并且下划线 channel 属性为空。

如果有人能告诉我为什么这在本地不起作用，那就太酷了。谢谢您

Answer 1

我知道这不是一个完美的答案，但看起来发生的情况是，当您从文件打开它时，URL 以“file://”开头，并且不会设置一些在以下情况下会设置的内容您使用了常规网络协议(protocol)，例如“http://”

您使用的库似乎无法处理这种情况。我在本地网络服务器上尝试过它，它在那里工作得很好，所以我认为你的代码很好，只需要通过 http 或 https 访问。