流媒体视频播放 jQuery插件 Fitvids.js

WTFPL
JavaScript
跨平台
2012-05-03
红薯

Fitvids.js 是个轻量级,易于使用的 jQuery 插件,用来在网页上播放指定宽度的嵌入视频。Fitvides.js 会自动通过 Thierry Koblentz 的 Intrinsic Ration 方法来在你的响应式网页中实现流体宽度视频。有一款自定义的视频播放器吗?答案是肯定的,Fitvides.js 提供一个 customSelector 自定义选择器,允许用户添加自定义的视频供应商。在线演示

示例代码:

<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>
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

常用库:Modernizr、transform:matrix矩阵变形、FitVids、Font Squirrel、 H5大纲生成器

《响web设计》说的常用库:Modernizr、transform:matrix矩阵变形、FitVids、Font Squirrel、 H5大纲生成器

2016/09/13 14:11
20
0
响应式网页设计——学习笔记二:HTML5

1. 腻子脚本和 Modernizr Modernizr:http://www.modernizr.com),除了能让 IE支持 HTML5新元素之外,它还能够基于一系列特性测试来有条件地加载更高级的腻子脚本(polyfill)、CSS文件以及...

2016/01/26 09:00
1
1
响应式Web设计:HTML5和CSS3实战 读书笔记

响应式Web设计:HTML5和CSS3实战 Responsive Web Design with HTML5 and CSS3 By : Pandao pandao####vip.qq.com UpdateTime : 2013-08-21 目录 第1章 HTML5、CSS3及响应式设计入门 第2章 媒...

2013/08/21 02:03
2.6K
2
[读书笔记]响应式web设计

致谢 Ethan Marcotte 响应式网页设计之父 《义海倾情》 1 RWD,Responsive Web Design 伊桑.马科特 AList Apart 弹性网格布局,弹性图片,媒体和媒体查询 不再使用像素px,而是使用相对度量单...

2014/06/26 09:11
630
0
响应式 Web 设计技巧

什么是响应式设计? iOS 和 Android 的发布,智能手机、平板电脑、智能家电等新设备层出不穷,极大便利了我们的生活,但面对形形色色的终端设备,千差万别的屏幕分辨率,给网页设计带来了新的...

2015/11/24 14:09
151
0
JavaScript资源大全中文版(Awesome最新版)

JavaScript资源大全中文版(Awesome最新版) 目录 前端MVC 框架和库 包管理器 加载器 打包工具 测试框架 框架 断言 覆盖率 运行器 QA 工具 基于 Node 的 CMS 框架 模板引擎 数据可视化 编辑器...

2016/10/08 14:56
875
7

没有更多内容

加载失败,请刷新页面

没有更多内容

返回顶部
顶部