css – bootstrap自动调整屏幕大小的视频大小

我正在尝试使用Bootstrap和Foundation为node.js express路由进行前端工作.我想知道Bootstrap是否有任何方法可以获得与Foundation相同的Flex Video功能(据我所知,它是基于屏幕大小的自动调整大小)？

编辑：
关于Peter Wooster的答案,如果有一个可以在没有框架的情况下轻松完成的解决方案,为什么人们会对Flex-Video做出如此重大的讨论呢？

您不需要框架来执行响应式视频,因此如果不包含它,您可以添加它.

诀窍是将视频包装在宽度为100％的div中;高度：0; padding-bottom：66％或您希望视频拥有的任何宽高比.将视频的宽度和高度设置为100％.该div将正确缩放并保持其宽高比,视频将填充它.

编辑：这个技巧不是新的,只是不为人所知,这里有一篇2009年的文章描述它：http://alistapart.com/article/creating-intrinsic-ratios-for-video.幸运的是,不再需要IE5-6 kludges.