2015-11-20 104 views
0

My website也会在保存到iOS和Android主屏幕时作为网络应用运行,但由于某种原因,任何嵌入的YouTube视频提示都会启动YouTube应用而不是正常内嵌到全屏的行为,您期望在Safari中。关于我如何嵌入视频没有什么特别 - 只需使用YouTube提供的代码即可。当我第一次在iOS 8上设置它时,这种情况从未发生过。iOS网络应用程序尝试启动YouTube应用时出现的问题

This guy暗示这是视频不是内嵌播放的问题,但我不确定如何解决这个WordPress插件以外的问题。我环顾四周,但找不到任何东西。

任何帮助将非常感谢!

回答

1

发生这种情况是因为您正在使用iframe(可能),因此避免它的最佳方法是显示视频缩略图图像和一些“播放”图标。然后点击你将嵌入实际的YouTube的iframe代码。这也可以让你为移动用户节省一些流量。

为缩略图,他们通常可以通过视频ID要求,如:

'//img.youtube.com/vi/' + videoid + '/hqdefault.jpg'

,你也可以尝试检测,如果应用程序在主屏幕模式

"standalone" in window.navigator && !window.navigator.standalone

到加载通常的iframe模式,如果应用程序不是

+0

我有类似的情况。这个答案允许我的webapp加载并显示缩略图。但是,当用户点击缩略图并且代码加载iframe时,用户会看到一个“打开并取消”按钮,提示用户“Web想要打开YouTube”。如果用户点击取消,视频不播放,缩略图消失(由iframe取代),留下视频应该在的空白处。任何方式让视频在网络应用程序中播放? – ds00424

相关问题