流星：YouTubeのビデオは、iOSとAndroidの生産には表示されません。

Question

私の流星反応のアプリでは、いくつかのYouTube動画を埋め込んでいます。これらはデバッグモードのすべてのデバイスでうまく動作しますが、実際には（Chrome Inspectを使用してデバッグすることはできません）、モバイルデバイスには表示されません。ブラウザでは常に完全に動作します。

私の実装では、まず単純なiframeを使ってビデオを埋め込みました。これはうまくいかなかったので、Youtube-API経由で動画にアクセスするreact-youtubeパッケージを使用してみました。これはまったく同じ挙動をもたらした。

どうすればこの問題を解決できますか？

それはCORSエラーかもしれないが、私の携帯-config.jsのに

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

を追加することは助けにはなりませんでした。私はその後、私のプロジェクトにbrowser-policyパッケージを追加し、Meteor.startup（）関数に

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

を追加することで、ブラウザで投げたすべてのエラーを修正しようとしたが、これはまた、モバイルプラットフォーム上では結果がありませんでした。

Answer 1

サーバーのURL以外のリソースには、特定のアクセスを許可する必要があります。

があなたのmobile-config.jsファイルに次のルールを追加します（このファイルは、ルートプロジェクトディレクトリにする必要があります）：

App.accessRule('youtube.com');