cordova - meteor :Youtube视频无法在生产中的iOS和Android上显示

Question

在我的 meteor react app 中，我嵌入了一些YouTube视频。这些在 Debug模式下的所有设备上都可以正常工作，但在生产环境中(我无法使用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');