유성 : 유튜브 비디오가 iOS 및 안드로이드 프로덕션에서 표시되지 않습니다.

Question

유성 반응 앱에 일부 유튜브 비디오가 포함되어 있습니다. 디버그 모드의 모든 기기에서 정상적으로 작동하지만 프로덕션에서는 Chrome Inspect를 사용하여 디버깅 할 수 없습니다. 동영상은 휴대 기기에 표시되지 않습니다. 브라우저에서는 항상 완벽하게 작동합니다.

내 구현에서는 먼저 간단한 iframe을 사용하여 비디오를 포함 시켰습니다. 이것은 작동하지 않으므로 Youtube-API를 통해 동영상에 액세스하는 react-youtube 패키지를 사용해 보았습니다. 이것은 똑같은 행동을 나타냈다.

어떻게 해결할 수 있습니까?

IT는 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');