一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

值得收藏的10款 jQuery 免费视频插件

时间:2015-06-23 编辑:简简单单 来源:一聚教程网

Query有成千上完的插件,这些插件不但在WEB程序层面让我们工作得得心应手,而且还在WEB视觉方面表现炫酷~如果你在寻找基于在线的视频解决方案或者你仅仅想给你网站的多媒体元素embed添加姿菜,基于jquery的视频插件会让你的工作处理的如丝般顺滑!当然,这些视频插件都是响应式布局的。

不用再去网上搜索啦,这里我们列出了十个大多数站点在使用、同时有有绝佳的用户体验的超赞视频插件!

1. FitVids

https://github.com/davatron5000/FitVids.js

FitVids 是一个广受页面设计师喜欢的jquery视频插件. 这个插件可以帮助你很好的实现视频媒体的自适应布局.

在制作快速响应式网站时,文字、图片等元素都可以很容易的响应屏幕尺寸的变化,唯独视频比较麻烦。比如通过embed方式加载优酷、土豆甚至YouTube视频时,使用max-width:100%的方式不能保证视频在任何设备上都能跟随屏幕尺寸缩放,这时可以借助js脚本来实现,这就是FitVids.JS。


1-FitVids

2. The BigVideo

https://github.com/dfcb/BigVideo.js

这个插件会将视频或者图片转换为网页大背景,他的演示页面利用视差滚动机制展现了一个全屏视频。


3) The BigVideo

3. The Popcorn

https://github.com/mozilla/popcorn-js

据Mozilla说,这个由Mozilla开发的插件是最好的jquery视频插件之一;你可以使用“Popcorn.js” 来处理各种格式的媒体. 包括Html的音视频处理,YouTube, Dailymotion, SoundCloud 以及其它的一些你能想到的视频。这个插件还能无缝的将来自于知名第三方站点的媒体嵌入到你的产品当中。


4. Video.js

https://github.com/videojs/video.js/

Video.js是一个开源的Html5 jquery视频插件,这个插件可以用来处理Flash视频,它还是一个多平台支持的产品。 Moreover, YouTube, Vimeo等等的视频都可以很好的通过这个插件来播放。这个插件还支持桌面应用程序和其它的手持设备。

Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库,Video.js 自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器。


Video.js

5. Embed.js

https://github.com/ritz078/embed.js

这个jQuery插件给你了超多的惊喜,包括字符串的分析,支持表情符号,媒体,微博,代码,服务等,并自动将它们实现embed。它的其他功能还包括YouTube和Vimeo视频插入,twitter插入,HTML5播放器媒体嵌入,此外,它还支持谷歌地图位置和直播媒体。


EmbedJS是一个用于嵌入式设备的JavaScript框架如:移动电话,TVs、tablets和so forth。

EmbedJS强大之处在于,它拥有专门为特定平台和浏览器如iOS, Firefox, Android等提供相应的开发版本。这样就能够以最少的代码,为用户提供最佳的体验。而且假如你喜欢自己定制,可以利用其提供的EmbedJS Build tool工具实现。
EmbedJS基于Dojo实现,所以你如果熟悉Dojo API语法,那EmbedJS将是最佳的选择。


7) Embed

6. jQuery Videosequence

https://github.com/kostia/jquery.videosequence

这个jQuery视频插件支持创建视频和音频序列及其他媒体源扩展。 jQuery视频序列插件的开发者说,如果你没有关于这个插件的知识,那对你还是有点压力的,因此在使用这个插件之前,推荐通过WebM去查看Wiki上的文章。


8) jQuery Videosequence

7. jQuery Video Background Plugin

https://github.com/georgepaterson/jquery-videobackground

这个jQuery视频插件支持在页背景上调节你的视频。如果你的浏览器不支持HTML5视频元素,那么它会获取海报图像并呈现出来。


10) jQuery Video Background Plugin

8. Mopho

http://codecanyon.net/item/mopho-animated-jpeg-video-preview-jquery-plugin/839846?ref=enbeeone3&ref=enbeeone3&clickthrough_id=462031057&redirect_back=true

你可以使用它来创建漂亮的 JEPG 或 PNG 图片。此外,还支持动画 GIF。它具有一个可配置的宽度和高度,持续时常和视频起点。这是带有灯箱特点的个人设置。这个 jQuery 视频插件可以运行在所有的现代浏览器,IE 7和 8,iOS 4。


Mopho

9. MediaBox

http://codecanyon.net/item/mediabox-jquery-plugin-for-audio-video/241182?ref=enbeeone3

它具备九个视频和音频小部件,并且可以轻松地处理带有自动更新的播放列表管理的各个方面。所有小部件可以独立使用,和这个插件自动检索元数据。它还具有一个 API,以友好的方式公开所有功能。


MediaBox

10. YouTube Player

http://codecanyon.net/item/jquery-plugin-youtube-video-player-with-playlist/gone/4244107

YouTube 播放器允许您在同一页上运行多个视频。它还有自动播放功能的外部 CSS。它还允许创建复杂的播放列表的自动播放功能与停止在某一个点的视频。它还可以显示当前加载视频的状态。


13) YouTube Player



值得庆幸的是,以上提供的下载地址都可以打开。


热门栏目