在移动设备上禁用 html 视频的全屏模式

Question

我正在开发一个简单的 Web 应用程序，其中一个页面上包含视频，但我不希望该视频在移动设备上打开全屏模式。我尝试禁用控件，但它仍然无法在手机上运行。有什么选择可以做到这一点吗？

Answer 1

对于移动浏览器使用此代码：

<video autoplay loop muted controls webkit-playsinline playsinline>
    <source src="file.mp4" type="video/mp4">
</video>

使用webkit-playsinline并playsinline让移动浏览器在原来的位置播放视频，而不是默认播放视频时全屏打开。