Css 动态更改HTML5视频分辨率的最佳方法

动态更改网页中HTML5视频的宽度和高度的最佳方法是什么？我所指的那种行为，在电影的介绍视频中也是一样的

调整窗口大小时，视频仍占可视大小的100%（无滚动）。我注意到视频的大小被调整到一定程度，但停止调整大小，并在某个点被裁剪

获得相同行为的最佳方式是什么？我想让视频占据浏览器的整个可视区域，而不使用滚动条。这只是在台式机/笔记本电脑上，我不考虑任何移动设备

我现在想的是，使用javascript动态更改视频的宽度/高度属性，以适应可视区域，同时设置最小大小，使视频不会失真。视频可以放在一个始终居中的容器中，因此如果浏览器的大小太小，它会被有效地裁剪。我不确定这是否太冗长，是否有更简单的方法

---

谢谢。

看起来他们的高度和宽度css属性设置为100%。如果您使用chrome或Firefox firebug内置的元素检查器，您应该能够准确地看到

video

元素以及

div

嵌套元素的html/css结构。然后，如您所说，还设置了“最小宽度/最小高度”属性

除非我误读了你的问题，否则应该这么简单。希望这有帮助

你可以用“响应式CSS”来做，有一些方法可以做到这一点，
您可以设置

视口

，

最大宽度

，

最小宽度

，等等。
此链接很好地解释了如何做到这一点：