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

Question

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

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

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

有没有办法阻止这种接管？

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

仅供参考的标签使用是（玉）

  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最终通过添加对playsinline在视频元素上指定属性的支持来增加对此的支持。

例如 <video … playsinline />

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