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

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

在mobile-config.js文件中添加以下规则（此文件应位于根项目目录中）：

App.accessRule('youtube.com');