Meteor：YouTube 视频不会在 iOS 和 Android 上播放

Question

在我的流星反应应用程序中，我嵌入了一些 YouTube 视频。这些在调试模式下的所有设备上都可以正常工作，但在生产中（我无法使用 Chrome Inspect 对其进行调试），视频不会出现在移动设备上。在浏览器中它总是可以完美运行。

在我的实现中，我首先使用了一个简单的 iframe 来嵌入视频。这不起作用，所以我尝试使用 react-youtube 包，它通过 Youtube-API 访问视频。这产生了完全相同的行为。

我该如何解决这个问题？

可能是 CORS 错误，但添加

App.accessRule('youtube.com');
App.accessRule('http://*');
App.accessRule('https://*');

对我的 mobile-config.js 没有帮助。然后我尝试将browser-policy 包添加到我的项目中，并通过添加修复它在浏览器中抛出的所有错误

BrowserPolicy.content.allowOriginForAll("www.youtube.com"); //the www. was important
BrowserPolicy.content.allowOriginForAll("s.ytimg.com");
BrowserPolicy.content.allowMediaDataUrl();

到 Meteor.startup() 函数，但这在移动平台上也没有结果。

Answer 1

您必须允许对服务器 URL 之外的资源进行特定访问。

在您的mobile-config.js 文件中添加以下规则（该文件应该在您的项目根目录中）：

App.accessRule('youtube.com');