Воспроизведение youtube видео с использованием iframe в ionic 2 app

Question

В приложении Ionic 2 я пытаюсь встроить одно видео с YouTube, используя iframe. Код выглядит так:

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

Однако, когда я перехожу к странице, я получаю эту ошибку. Я не могу найти хороший ответ, как это исправить.

XMLHttpRequest не может загрузить https://googleads.g.doubleclick.net/pagead/id. Подстановочный знак '*' не может использоваться в заголовке «Access-Control-Allow-Origin», когда флаг учетных данных является истинным. Происхождение 'https://www.youtube.com', следовательно, не допускается. Режим учетных данных для XMLHttpRequest контролируется атрибутом withCredentials.

Не знаете, как исправить это. Любая помощь/руководство будут оценены.

BTW, я разрабатываю/тестирую в инструменте разработчика браузера Chrome.

Спасибо,

Answer 1

Вы лучше добавить к вашей config.xml:

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

сделать Кроме того, что ваш Android манифеста:

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

Answer 2

Я решил iframe проблемы путем редактирования два html_sanitizer.js файлов. Вы можете найти их под node_modules\@angular\platform-browser\src\security и node_modules\@angular\platform-browser\esm\src\security папками.

Откройте их и найдите эту строку var BLOCK_ELEMENTS, вставьте имя тега iframe и сохраните. Теперь он должен работать, по крайней мере, он работает для меня.