iPad youtube iframe embed pwa是否在youtube应用中打开?

时间:2018-07-02 21:50:29

标签: ios youtube-api progressive-web-apps youtube-iframe-api pwa

在iPad iOS 9.3.5(在其他版本上可能是可复制的)上,当将我们的React应用作为进度网络应用(PWA)添加到设备主屏幕时,单击视频剪辑链接会打开一个带有嵌入式youtube链接的div在iframe中,以在PWA中呈现视频剪辑。

这是iframe代码:

<iframe width="300"
        height="200" 
        src="https://www.youtube.com/embed/IprmiOa2zH8?autoplay=1&amp;playsinline=1"
        frameBorder="0"
        allowFullScreen></iframe>

如果iPad上未安装youtube应用:

  • 一切正常,单击查看视频链接时,将显示一个div,其中嵌入的youtube剪辑随时可以在PWA中播放。

如果设备上已安装youtube应用(发生问题)

  • 点击视频链接时,它将打开youtube应用,然后在此处播放视频。我们如何才能始终将体验保留在PWA中,而不重定向到已安装的youtube应用?

注意:如果通过URL(而非主屏幕PWA)访问Web应用程序,则iframe会在Safari浏览器移动版的Web应用程序URL中打开并按预期方式在其中播放。仅当在安装了youtube应用的设备上从PWA打开视频时,才会出现此问题。

有什么办法解决这个问题吗?

0 个答案:

没有答案