FitVids.js 介绍
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 魔法。
支持的播放器
YouTube
Y
Vimeo
Y
Blip.tv
Y*
Viddler
Y*
Kickstarter
Y*
GitHub:https://github.com/davatron5000/FitVids.js
网站描述:轻量、易用让视频响应屏幕尺寸变化的 jquery插件
FitVids.js
官方网站:http://fitvidsjs.com
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。