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

【问题标题】：why html5 video tag goes full screen on play on mobile?为什么 html5 视频标签在移动设备上播放时会全屏显示？
【发布时间】：2021-05-03 13:29:30
【问题描述】：

我有一个非常平庸的问题，但找不到解决方案。当我简单地播放带有 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 编解码器。

【问题讨论】：

标签： html video

【解决方案1】：

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

像这样：

<video autoplay playsinline controls>

【讨论】：