在 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&channel=<a channel>&height=720px&layout=video-with-chat&muted=false&parent=<id of my chrome extension>&referrer=chrome-extension%3A%2F%<id of my chrome extension>%2Fbuild%2Findex.html&style=%5Bobject%20Object%5D&targetId=twitch-embed&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
所以对于任何提出这个问题的人来说,这不可能了。
不久前我创建了一个“新标签,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&channel=<a channel>&height=720px&layout=video-with-chat&muted=false&parent=<id of my chrome extension>&referrer=chrome-extension%3A%2F%<id of my chrome extension>%2Fbuild%2Findex.html&style=%5Bobject%20Object%5D&targetId=twitch-embed&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
所以对于任何提出这个问题的人来说,这不可能了。