Question

（抱歉大图片不确定如何在这个降价衍生物中调整大小）

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

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

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

在Android或普通网络上，我们没有遇到此问题。

使用的FYI标签是（玉）

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

赛前

点击播放后

Answer 1

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

例如<video … playsinline />

我很高兴知道这个问题很旧，但是有人对此投了反对票，但没有得到答复。