动态更改网页中HTML5视频的宽度和高度的最佳方法是什么？我所指的那种行为与http://flipboard.com/
的介绍视频中的内容相同调整窗口大小时，视频仍然占据可视大小的100％（不滚动）。我注意到视频调整到一定程度，但停止调整大小并在某个时刻被裁剪。
获得相同行为的最佳方法是什么？我希望有一个视频占用浏览器的整个可视区域而不需要滚动条。这只是在台式机/笔记本电脑上，我不考虑任何移动设备ATM。
我现在想到的是使用javascript动态更改视频的宽度/高度属性以适合可视区域，但也设置最小尺寸，使视频不会失真。视频可以放在一个始终居中的容器中，因此如果浏览器的大小太小，它会被有效地裁剪。我不确定这是否太冗长，如果有更简单的方法。
谢谢。
答案 0 :(得分：0)
看起来他们将高度和宽度的css属性设置为100％。如果您使用像Chrome或firebug内置的元素检查器，那么您应该能够确切地看到它们如何构建video元素的html / css以及它嵌套的div然后，正如你所说，还设置了一个min-width / min-height属性。
除非我误读你的问题，否则就应该这么简单。希望这有帮助！
答案 1 :(得分：0)
你可以用“响应式CSS”来做，有一些方法可以做到这一点，
您可以设置viewport，max-width，min-width等
此链接有一个很好的解释如何做到这一点：http://kyleschaeffer.com/best-practices/responsive-layouts-using-css-media-queries/