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*
网站地址 : http://fitvidsjs.com
GitHub: https://github.com/davatron5000/FitVids.js
网站描述: 轻量、易用让视频响应屏幕尺寸变化的 jquery 插件
FitVids.js官方网站
官方网站: http://fitvidsjs.com
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did174535