在CSS中，背景图像可以使用封面的大小属性，这意味着图像将始终足够大以填充空间。
我想用HTML5视频元素创建相同的大小调整主体。有没有人有一个如何做到这一点的例子？
诀窍在于计算出与视频相比你填充的盒子/窗口的宽度：高度比，并相应地进行调整。
谢谢！
答案 0 :(得分：1)
如果你不介意一点JQuery，你可能想看一下这个插件 - http://syddev.com/jquery.videoBG/
此外，关于使用HTML5视频的一篇非常全面的文章是潜入HTML5系列 - http://diveintohtml5.info/video.html
答案 1 :(得分：0)
VideoBG很不错，但是可以通过将元素设置为固定位置来工作，因此可以用它来实现视频在“滚动页面”内部的效果，依此类推。
答案 2 :(得分：0)
您可以利用CSS翻译属性，因为它是根据元素大小计算出来的，无论视频输出的分辨率如何，都可以让它居中。
您可以使用min-width和min-height
来保持比率position:absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);