README

一个轻量级、易于使用的jQuery插件，用于实现流体宽度视频嵌入。

FitVids 自动实现了 Thierry Koblentz 的内禀比例方法，以在响应式网页设计中实现流体宽度视频。

如何使用它？

在你的布局中包含 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。在初始JavaScript调用之后，它完全基于百分比CSS。

当前支持的播放器

添加您的视频供应商

您有自定义视频播放器吗？我们现在有一个 customSelector 选项，您可以在其中添加您自己的特定视频供应商选择器（具体效果取决于供应商和播放器的流体性）

  $("#thing-with-videos").fitVids({ customSelector: "iframe[src^='http://mycoolvideosite.com'], iframe[src^='http://myviiids.com']"});
  // Selectors are comma separated, just like CSS

注意：这将是最快添加您自己的自定义供应商以及测试您的播放器与 FitVids 兼容性的方法。

已知问题

Vimeo自动播放API与IE11中的FitVids不兼容。您必须手动包裹您想要自动播放的视频。

变更日志

08.16.13 - v1.0.3 - 2.779k
- 可选地与Zepto一起工作
09.02.11 - v1.0.2 - 2.376kb
- 添加了 customSelector 选项
09.02.11 - v1.0.0 - 2.135kb
- 首次发布
- Vimeo，YouTube，Blip.tv，Viddler，Kickstarter

致谢

@ChrisCoyier, @davatron5000, @TrentWalton, @raygunray

kraksoft / fitvids

维护者

详细信息