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

Question

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

标签： javascripthtmlhtml5-video

Answer 1

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

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

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