ionic 嵌入式 youtube 视频停止在 iOS 上播放

Posted

技术标签:

【中文标题】ionic 嵌入式 youtube 视频停止在 iOS 上播放【英文标题】:ionic embedded youtube video stopped playing on iOS 【发布时间】:2017-11-08 20:08:09 【问题描述】:

我有一个已发布的应用程序,直到几周前它还可以播放嵌入的 youtube 视频,现在显示的只是一个纯黑屏。 在 web 和 android 上运行良好,但在 iPhone 上不行。

这是一个示例链接:

https://www.youtube.com/embed/DD7SgzW-6Qs

这是代码

        <div class="video-container" *ngIf="videoURL!=''">
        <iframe [src]="videoURL" autoplay="false" autostart="false" frameborder="0"></iframe>
    </div>

【问题讨论】:

【参考方案1】:

正确的答案是将这个添加到config.xml中

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

【讨论】:

【参考方案2】:

我用过这个,对我来说效果很好

.config(function ($sceDelegateProvider) 
    $sceDelegateProvider.resourceUrlWhitelist(['self', new RegExp('^(http[s]?):\/\/(w3.)?youtube\.com/.+$')]);
);

【讨论】:

您能否提供更多关于如何以及在何处使用该功能的信息? 以 app.js 为例,但您可以将其插入到任何地方 我认为这段代码适用于 ionic v1,有人可以发布适用于 ionic v2 的解决方案吗? 你看到这个***.com/questions/36318185/…

以上是关于ionic 嵌入式 youtube 视频停止在 iOS 上播放的主要内容,如果未能解决你的问题,请参考以下文章

YouTube嵌入式播放器获取如何停止视频?

使用Light YouTube嵌入模态(从基础显示) - 如何在模态窗口关闭后停止视频播放?

在隐藏引导模式时停止 Youtube 视频

jScrollPane + 嵌入式 Youtube 视频悬停

播放另一个嵌入的 YouTube iframe 时停止

Youtube api - 停止视频