html - 视频对于移动浏览器来说太大

Question

我的一个 html 页面上有一个视频，我喜欢它在桌面上的尺寸，但在移动设备上它太大了，并且正在扩展屏幕。我知道这是可以解决的，但我对解决方案有点困惑，我已经查了一些，但仍然很困惑。

<video width="900" height="450" autoplay loop controls >
 <source src="images/Demo.mov" type="video/mp4">
 Your browser does not support the video tag.
</video>

Answer 1

video{
  max-width:900px;
  width:100%;
}

<video  height="450" autoplay loop controls >
 <source src="images/Demo.mov" type="video/mp4">
 Your browser does not support the video tag.
</video>

下面的 CSS 可能对您有所帮助。

video{
  max-width:900px;
  width:100%;
}