如何在 iPhone 上播放嵌入网页中的 html5 视频？

Question

（抱歉，大图不知道如何在此降价派生中调整大小）

我在网页中有一些视频，使用 html5 视频标签。 在 Android 上，视频将保持内嵌在页面上，允许我在其周围添加其他内容，例如 HTML 中的字幕。

但在 iPhone 上，当您点击播放时，视频会全屏跳出，破坏任何其他功能。

有什么办法可以防止这种接管？

在 Android 或普通网络上，我们没有这个问题。

FYI 标签使用 are (jade)

  video(width="100%" controls="controls" autoplay="true" id='videoPlayer' class='video-player')
    source(src="#{videoUrl}" type="video/mp4")

比赛前

点击播放后

Answer 1

虽然最初无法在 iOS 上的 Safari 中使用原生 HTML <video> 标签，但 Apple finally added support for this 不久前通过添加对视频元素指定 playsinline 属性的支持。

例如<video … playsinline />

我很欣赏这个问题很老，但有人投了反对票并且没有得到答复。