微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

FitVids.js

编程之家收集整理的这个编程导航主要介绍了FitVids.js编程之家,现在分享给大家,也给大家做个参考。

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。