• 10 个超棒的 jQuery 视频插件


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

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


    1. FitVids

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

    图片描述
    2. The BigVideo

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

    3. The Popcorn

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

    4. Video.js

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

    5. Embed.js

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

    6. jQuery Videosequence

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

    7. jQuery Video Background Plugin

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

    8. Mopho

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

    9. MediaBox

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

    10. YouTube Player

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


    原文来自:http://www.oschina.net/translate/these-are-10-best-jquery-video-plugins

  • 相关阅读:
    魅族手机不能通过设置Style和Background展示透明Activity的解决方法
    [翻译]The dark side of AsyncTask
    Eclipse卡死在Building workspace和android library update解决方法
    影响Java代码性能的一些细节
    WebView通过loadDataWithBaseURL加载本地页面卡死
    [04] Android逐帧动画(一)
    [03] Android系统亮度调节
    iOS UIViewContentMode详解
    setObject:forKey:与setValue:forKey:的区别
    选择排序
  • 原文地址:https://www.cnblogs.com/madoff/p/5390247.html
Copyright © 2020-2023  润新知