Lecture de vidéo youtube avec iframe dans l'application 2 ionique

Question

Dans une application Ionic 2, j'essaie d'intégrer une vidéo youtube en utilisant iframe. Le code ressemble à ceci:

<iframe width="320" height="315" src="https://www.youtube.com/embed/VIDEOID?autoplay=1&controls=1" frameborder="0" allowfullscreen></iframe> 

Cependant quand je navigue vers la page j'obtiens cette erreur. Je ne peux pas trouver une bonne réponse pour résoudre ce problème.

XMLHttpRequest ne peut pas charger https://googleads.g.doubleclick.net/pagead/id. Un caractère générique '*' ne peut pas être utilisé dans l'en-tête 'Access-Control-Allow-Origin' lorsque l'indicateur d'informations d'identification est vrai. L'origine 'https://www.youtube.com' n'est donc pas autorisée. Le mode d'identification d'un XMLHttpRequest est contrôlé par l'attribut withCredentials.

Vous ne savez pas comment résoudre ce problème. Toute aide/avance serait appréciée.

BTW, je développe/tester dans l'outil de développement navigateur Chrome.

Merci,

Answer 1

Tu ferais mieux d'ajouter ceci à votre config.xml:

<preference name="AllowInlineMediaPlayback" value="true"/> 
<access origin="*" subdomains="true" /> 

Assurez-vous également que votre manifeste Android a:

<application android:hardwareAccelerated="true" ...> 

Answer 2

J'ai résolu iframe problème en éditant deux html_sanitizer.js fichiers. Vous pouvez les trouver sous les dossiers node_modules\@angular\platform-browser\src\security et node_modules\@angular\platform-browser\esm\src\security.

Ouvrez-les et recherchez cette ligne var BLOCK_ELEMENTS, insérez le nom de tag iframe et enregistrez-le. Maintenant ça devrait marcher, au moins ça marche pour moi.