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

Question

我正在开发一个页面上带有视频的简单Web应用程序，但是我不希望该视频在移动设备上以全屏模式打开。 我试图禁用控件，但它仍然无法在手机上使用。 有什么选择吗？

Answer 1

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

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

使用webkit-playsinline和playsinline可使移动浏览器在默认位置而不是默认位置播放视频，而在播放时将其全屏显示。