Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 赞助一下
  • 关于我们

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
网站收录 / 问题反馈

FitVids.js

分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:http://fitvidsjs.com
GitHub:https://github.com/davatron5000/FitVids.js
描述信息:轻量、易用让视频响应屏幕尺寸变化的 jquery插件
访问官网
GitHub

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 魔法。


支持的播放器

YouTubeY
VimeoY
Blip.tvY*
ViddlerY*
KickstarterY*

仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!

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

更多»
热门资源
jquery插件库
收集最全最新最好的jQuery插件
官网
jQuery之家
致力于搜集和整理各种jQuery插件,jQuery特效...
官网
fullPage.js
jQuery全屏滚动插件
官网
GitHub
Waterfall.js
瀑布流无限加载插件
官网
GitHub
Raty
一个非常棒的jQuery 评分插件
官网
GitHub
Bootstrap-waterfall
一款基于Bootstrap仿Pinterest网站的网格瀑布流插件
官网
GitHub
Jcrop
一个功能强大的 jQuery 图像裁剪插件
官网
GitHub
jcarousel
jQuery轮播图插件
官网
GitHub
Parallax.js
一款jQuery滚动视觉差插件
官网
GitHub
vegas
一个jQuery / Zepto幻灯片插件
官网
GitHub
paroller.js
一款轻量级的页面滚动视觉差特效jquery插件
官网
GitHub
lazyload.js
jquery图片懒加载插件
官网
GitHub
类似于FitVids.js的资源
jQuery.fontFlex
轻量级jQuery响应式字体插件
点击进入
GitHub
jquery.color.js
支持颜色动画处理的jQuery插件
点击进入
GitHub
Nestable
一个可拖拽的树结构表现插件
点击进入
GitHub
jQuery-Autocomplete
一个简单的,容易的,可定制的自动完成功能插件
官网
GitHub
images-grid.js
一款jquery响应式弹出层图片画廊插件
官网
GitHub
Scrollify
jQuery全屏滚动插件
官网
GitHub
scrollorama
用于制作非常酷的滚动效果
官网
GitHub
s-gallery
使用了 CSS3 动画效果的 jQuery 响应式片画廊插件
官网
GitHub
目录

手机扫一扫预览

首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架

Copyright © 2018 Web前端开发网 All Rights Reserved. 分享编程学习资源(教程/框架/库)、在线工具、技术教程、内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。