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

how to play html5 video embedded in webpage on an iPhone?

(对不起,大图片不知道如何在这个 markdown deriv 中调整大小)

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

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

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

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

仅供参考,使用的标签是 (jade)

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

播放前

点击播放后

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

例如<video … playsinline />

我很高兴这个问题很老了,但是有人投了反对票并且没有得到答复。