在ionic 2应用程序中使用iframe播放youtube视频
在爱奥尼亚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
<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。我会试试这个。