FitVids.js是一个轻量级的jquery响应式视频插件，他可以实现流体视频的嵌入。FitVids.js应用了内在的比例算法，在你的响应网页上实现视频的流体宽度。

如何使用？

在你的页面中引入 jQuery 1.7+ 和 FitVids.js 文件，并且将 fitVids() 作用在你的视频容器上。

<script src="path/to/jquery.min.js"></script>
<script src="path/to/jquery.fitvids.js"></script>
<script>
  $(document).ready(function(){
    // Target your .container, .wrapper, .post, etc.
    $("#thing-with-videos").fitVids();
  });
</script>

上面的代码会将每个视频用一个 div.fluid-width-video-wrapper 包裹起来，并应用上必要的 css。在初始化方法调用之后，就都是基于百分比的 CSS 魔法。

支持的播放器

链接: https://fly63.com/nav/1410