在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&playsinline=1"
frameBorder="0"
allowFullScreen></iframe>
如果iPad上未安装youtube应用:
如果设备上已安装youtube应用(发生问题):
注意:如果通过URL(而非主屏幕PWA)访问Web应用程序,则iframe会在Safari浏览器移动版的Web应用程序URL中打开并按预期方式在其中播放。仅当在安装了youtube应用的设备上从PWA打开视频时,才会出现此问题。
有什么办法解决这个问题吗?