在iOS上的Cordova App中的iframe Youtube视频不再工作了

概述我的Cordova应用程序曾经能够将Youtube视频插入到页面中,并使用以下代码在iOS上使用iframe播放它们： // youtube source URLvar src = 'https://www.youtube.com/embed/<VIDEOID>?autoplay=1&rel=0';// iframe for everybody elsevar element = 'ifr 我的Cordova应用程序曾经能够将Youtube视频插入到页面中,并使用以下代码在iOS上使用iframe播放它们：

// youtube source URLvar src = 'https://www.youtube.com/embed/<VIDEOID>?autoplay=1&rel=0';// iframe for everybody elsevar element = 'iframe';// x-ms-webvIEw for windows appif ( UTIL.iswindows() ) {  element = 'x-ms-webvIEw';}var $iframe = $( document.createElement( element ) );$iframe.attr( 'ID','streaming_vIDeo_player' );$iframe.attr( 'wIDth','400' );$iframe.attr( 'height','300' );$iframe.attr( 'frameborder','0' );$iframe.attr( 'allowfullscreen','allowfullscreen' );$iframe.attr( 'src',url );$('#vIDeo_container').HTML( $iframe );

它仍然可以在windows中使用x-ms-webvIEw元素而不是iframe.

有时,我不知道什么时候,这停止了工作,它只是显示iframe所在的白框.我在Safari中检查了它,iframe正在插入,但Youtube的iframed页面是空白的.

不再需要Cordova的白名单插件,但我尝试添加它没有任何运气.

我还验证了我有以下按键影响pList中的媒体播放设置：

OpenAllWhiteListURLsInWebVIEw = YESmediaplaybackRequiresUserAction = NOAllowInlinemediaplayback = YES

我也把它作为我的config.xml中的首选项,如下所示：

<preference name="mediaplaybackRequiresUserAction" value="false" /><preference name="AllowInlinemediaplayback" value="true" />

此外,我尝试在Youtube视频网址中添加其他参数,以尝试查看是否可以执行任何 *** 作：

HTML5=1HTML5=trueA few others I saw scattered around the net

现在要修复我已经恢复使用InAppbrowser插件的问题,但我真的想使用iframe.

解决方法 似乎Cordova中的iframe需要在config.xml中设置allow-navigation标志.例如.：

<allow-navigation href="https://*youtube.com/*"/>

总结

以上是内存溢出为你收集整理的在iOS上的Cordova App中的iframe Youtube视频不再工作了全部内容，希望文章能够帮你解决在iOS上的Cordova App中的iframe Youtube视频不再工作了所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。