为什么 html5 视频标签在移动设备上播放时会全屏显示？

Question

我遇到了一个非常普通的问题，但找不到解决方案。当我简单地播放带有 HTML5 视频标签的视频时，它在桌面上完美运行，但在移动设备上，当用户播放视频时，它会立即全屏显示。移动用户只需点击播放按钮，视频就会全屏播放。

这是我正在使用的 html 标签：

<h1>video 1</h1>
<video width="600" height="450" controls>
  <source src="files/prova.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

请教您解决这个问题的方法，我们如何避免视频在手机上全屏播放？欢迎大家回答。

P.S.: 视频为 mp4，采用 H. 264 AAC 编解码器。

Answer 1

我来这里是因为我找到了解决方案。您只需要将“playsinline”属性添加到您的视频标签。

像这样：

<video autoplay playsinline controls>

为什么 html5 视频标签在移动设备上播放时会全屏显示？

why html5 video tag goes full screen on play on mobile?

html

video