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

问题描述

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

解决方法

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

像这样：

<video autoplay playsinline controls>

html video video