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

Question

我正在开发一个简单的 Web 应用程序，其中一个页面上有视频，但我不希望此视频在移动设备上打开全屏模式。 我试过禁用控件，但它仍然无法在手机上使用。 有没有办法做到这一点？

Answer 1

将此代码用于移动浏览器：

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

使用 webkit-playsinline 和 playsinline 让移动浏览器在原处播放视频，而不是默认情况下在播放时打开 full-screen。