创建 HTML5 个视频图块

Question

我正在尝试实现响应式视频 "collage"，以在灵活的网格中显示各种宽高比的视频。

在每一行中，视频具有相同的高度，但它们填充 div 的水平宽度。由于每个视频的宽度和纵横比都是已知的，我认为计算高度很简单。不确定如何使用 CSS + Javascript 来实现它。任何人都可以帮忙吗？非常感谢。

Answer 1

不是 100% 确定这个问题，但在 css 中试试这个。

video {
    width: 100%;
    height: auto;
}

Answer 2

只需使用 fitvids.js 即可使您的视频响应迅速。您甚至可以添加自己的格式，但它附带了 youtube、vimeo 等基础知识。我什至向其中添加了 slideshare 演示文稿并且效果很好：

http://fitvidsjs.com/

只是 css 不起作用，因为它没有首先弄清楚或知道视频的原始大小。