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://web.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的资源
vegas
一个jQuery / Zepto幻灯片插件
官网
GitHub
Slick.js
一个基于 jQuery 的幻灯片插件
官网
GitHub
Notify.js
一个 jQuery 插件提供了简单但是完全可定制的消息通知
官网
GitHub
grumble.js
一款可360度旋转的气泡样式jQuery提示框插件
官网
GitHub
FitText.js
一款使文字填充式自适应的Jquery插件
官网
GitHub
jquery.pep.js
jquery触摸滑动模块
官网
GitHub
jquery.imageuploader.js
一款jquery多文件上传插件
官网
GitHub
Datedropper.js
提供了一个快速简便的方法来管理输入区域的日期Jquery插件
点击进入
GitHub
目录

手机扫一扫预览

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

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