在ionic 2应用程序中使用iframe播放youtube视频

在ionic 2应用程序中使用iframe播放youtube视频,iframe,youtube,ionic2,access-control,Iframe,Youtube,Ionic2,Access Control,在爱奥尼亚2应用程序中,我尝试使用iframe嵌入一个youtube视频。代码如下所示: <iframe width="320" height="315" src="https://www.youtube.com/embed/VIDEOID?autoplay=1&controls=1" frameborder="0" allowfullscreen></iframe> 但是,当我导航到该页面时,会出现此错误。我找不到解决这个问题的好办法 无法加载XMLHtt

在爱奥尼亚2应用程序中,我尝试使用iframe嵌入一个youtube视频。代码如下所示:

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

但是,当我导航到该页面时,会出现此错误。我找不到解决这个问题的好办法

无法加载XMLHttpRequest。当凭据标志为true时,不能在“Access Control Allow Origin”标头中使用通配符“*”。因此,不允许访问源“”。XMLHttpRequest的凭据模式由withCredentials属性控制

我不知道如何解决这个问题。如有任何帮助/线索,将不胜感激

顺便说一句,我正在开发/测试chrome浏览器开发工具


谢谢,

您最好将此添加到config.xml中:

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

还要确保您的android清单具有:

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

我通过编辑两个
html\u sanitizer.js
文件解决了
iframe
问题。您可以在
node\u modules\@angular\platform browser\src\security
node\u modules\@angular\platform browser\esm\src\security
文件夹下找到它们


打开它们并搜索此行
var BLOCK_元素
,插入iframe标记名并保存。现在它应该可以工作了,至少对我来说是这样。

尝试在源代码中使用
enablejsapi=1

谢谢@DroidX。我会试试这个。