在iPad iOS 9.3.5上(可能在其他版本上可重现),当我们的React应用程序作为进度Web应用程序(PWA)添加到设备主屏幕时,单击视频剪辑链接将打开一个div,其中iframe中嵌入了youtube链接,在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中播放 .

If the youtube app is installed on the device (issue occurs)

  • 点击视频链接后,会打开youtube应用,然后在那里播放视频 . 我们怎样才能始终保持PWA的体验,如果安装了youtube应用程序,则无需重定向到youtube应用程序?

注意:如果通过网址访问网络应用程序,而不是主屏幕PWA,iframe将在我们的网络应用程序网址中打开,并在Safari浏览器中播放,就像预期一样 . 仅当设备安装了youtube应用程序时才从PWA打开视频时,才会出现此问题 .

不知道如何解决这个问题?