在 Chrome 扩展程序中嵌入 Twitch 播放器停止工作?

Embeded Twitch player in a Chrome Extension stopped working?

不久前我创建了一个“新标签,chrome 扩展”,它是 运行 一个 React 应用程序。此扩展的功能之一是 Twitch 播放器,可以使用 iFrame 打开流以观看流。从打开的 Twitch API 中检索数据和 url。这已经运行了很长一段时间,但大约一个月前由于某种原因它停止工作了。

当我打开流时收到此错误消息:

Refused to frame 'https://embed.twitch.tv/' because an ancestor violates the following Content Security Policy directive: "frame-ancestors https://".

值得注意的是,播放器在我 运行 运行 React 应用程序时工作,因此它与 Chrome 扩展有关。

我对这个问题做了一些研究,发现在 iFrame 中如何指定父级和引荐来源存在一些问题。 iFrame 看起来像这样,其中大部分是在我构建和 运行 扩展时自动生成的。

<iframe src="https://embed.twitch.tv?autoplay=true&amp;channel=<a channel>&amp;height=720px&amp;layout=video-with-chat&amp;muted=false&amp;parent=<id of my chrome extension>&amp;referrer=chrome-extension%3A%2F%<id of my chrome extension>%2Fbuild%2Findex.html&amp;style=%5Bobject%20Object%5D&amp;targetId=twitch-embed&amp;width=1280px" allowfullscreen="" scrolling="no" frameborder="0" allow="autoplay; fullscreen" title="Twitch" sandbox="allow-modals allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox" width="1280px" height="720px"></iframe>

由于找不到任何有助于解决问题的方法,我想尝试使用新的 post。谁能帮我解决这个问题?

我在twitch开发者论坛上问了同样的问题,得到的回答是不再支持了。

来源:https://discuss.dev.twitch.tv/t/twitch-embedded-in-a-chrome-extension/33157

所以对于任何提出这个问题的人来说,这不可能了