javascript - 在 IOS 设备上内联显示 youtube 视频

Question

我正在尝试构建一个小型网络应用程序，它需要在一些文本后面播放 YouTube 视频。

我尝试使用 youtube Iframe api 'playsinline' 参数，但它无法在 iPhone 上全屏显示视频。

有什么建议吗？

谢谢。

---

更新

自从 IOS 10 出来后，safari 支持 html5 video 标签内联属性，youtube 视频可以内联播放，因此@David Anderton 的答案被标记为正确。

https://developer.apple.com/library/content/releasenotes/General/WhatsNewInSafari/Articles/Safari_10_0.html#//apple_ref/doc/uid/TP40014305-CH11-DontLinkElementID_12

希望对你有帮助

Answer 1

将 playsinline=1 参数添加到嵌入 url。酌情在前面加上?或&； ? 如果是唯一的参数，& 与其他参数连接。

例子:

<iframe
  src="https://www.youtube.com/v/VIDEO_ID?playsinline=1">
</iframe>

来自 YouTube iFrame Player API :

This parameter controls whether videos play inline or fullscreen in an HTML5 player on iOS. Valid values are: 0: This value causes fullscreen playback. This is currently the default value, though the default is subject to change. 1: This value causes inline playback for UIWebViews created with the allowsInlineMediaPlayback property set to TRUE.