Meteor: Youtube视频不能在iOS和安卓上播放

Question

在我的meteor-react应用程序中，我嵌入了一些YouTube视频。在调试模式下，这些视频在所有设备上都工作得很好，但在生产中(我不能使用Chrome Inspect进行调试)，视频就是不能在移动设备上显示。在浏览器中，它总是能完美地工作。

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

我该如何解决这个问题呢？

这可能是CORS错误，但添加

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

到我的手机-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');