Akamai’s Open Video Player for HTML5 <video>


Akamai has released a new Open Video Player for HTML5 <video> developer toolkit, aimed at simplifying the task of creating flexible HTML5-based video player applications for delivery of HTTP content.

Ambilight for Video Tag


At first Ambilight looks like an average video player, the kind that loads standard HTML5 video. As the video plays, you very quickly notice what’s happening at the edges. The plugin automatically grabs the average colour in each area, and spreads it across the bounds of the video. This is not a new concept, as there have been hardware ambilights as well as Flash versions of the same. What makes this one special, is that it’s written entirely using HTML5

Demo url:

http://media.chikuyonok.ru/ambilight/

CwVideo for MooTools


CwVideo is a toolkit to use and control HTML5-video with the latest realease of MooTools – and two extensions of the Fx.Slider class: CwVideo.Volumeslider (creates a volume slider) and CwVideo.Timeline (timeline slider with several features to simplify creating your own video controls).

Demo url:

http://www.chipwreck.de/blog/software/cwvideo/demo/

Degradable HTML5 Audio and Video for WordPress


This plugin enables HTML5 native playback for users with compatible browsers while offering an elegant degradation to other users through very lightweight Flash players. For HTML5 playback, it auto-detects and offers different alternatives, or degrades to Flash, and (failing even that) to download links.

This WordPress plugin is similar to the Video for Everybody plugin but there are a few differences. While Video for Everybody encourages encoding video in both Theora and H.264, if you just want to use one H.264 file, this plugin will force Firefox to fallback on Flash and play the H.264 video that way.

FlareVideo


FlareVideo is an open source, jQuery-powered HTML5 video player. The player supports fullscreen mode and has a fallback mechanism into a Flash-driven player.

Features

  • HTML5 video with Flash fallback
  • Easy CSS/HTML/JS customization and theming
  • Full screen support
  • Completely open source and free for commercial use

HTML5 Video Player – Version 1.2


This HTML5 video player is fairly straight forward and offers all of the basic controls you’d expect a video player to have. The player controls are visible when the video is paused or when the user’s cursor is over the video. Compatibility: Chrome, Firefox, Opera, Safari

html5media


The html5media project consists of a single, minified Javascript file that is used to detect your browser’s HTML5 video capabilities. Any video tags that cannot be played are dynamically replaced with a Flash video player.

Html5-video – Video player in HTML5


Developed by Rasmus Andersson, lead creative & designer at Spotify. Psd sources are available for the progress bar and icons, so you can customize the player to your needs.

jMediaelement


jme is an HTML5 audio / video development kit with Flash Fallback, which focuses on flexibility, intuitive DOM-API and semantic code.

jquery-video – jQuery UI video widget


The jQuery UI Video widget enhances your HTML5 <video>

JW Player for HTML5


The JW Player for HTML5 is a fully skinnable and configurable player based on the new <video>tag found in HTML5. The JW Player is currently one of the most popular open source video solutions on the web and the new version offers seamless fallback support for JW Player for Flash.

This is important for developers or designers who want to make sure that no matter what browser is being used (even IE6), video will be watchable.

JW Player for HTML5 uses jQuery and supports playback of H.264, Theora and FLV video. It also supports existing JW Player and PNG skins.

Kaltura HTML5 Video & Media JavaScript Library


Kaltura have developed a full HTML5 Video Library (it is being used by Wikipedia) that works in ALL major browsers, including IE, by using a unique ‘fallback’ mechanism – not only for the format of the video that is played, but also for the actual video player version that is used.

A base component of the Kaltura library bridges the gap between the few browsers that don’t support HTML5, by falling back to its underlining Flash player.

It has been developed with HTML, CSS and jQuery, and with built in support for the jQuery Themeroller, styling is amazingly easy and flexible which will maintain a unified look and feel across all operating systems and browsers. And finally it provides automatic transcoding into all supported formats (OGG, H.264, MOV, FLV etc.).

Kaltura Video Player Demo:

http://www.kaltura.org/apis/html5lib/kplayer-examples/Player_Fallback.html

jQueryUI Themed Player Demo:

http://www.kaltura.org/apis/html5lib/kplayer-examples/Player_Themable.html

Moovie: custom controls for video


This is a MooTools custom controls library for the HTML 5 video element. It features: playlist and subtitles support, settings panel for enabling or disabling various options such as looping, captions and auto-hiding of controls bar.

OIPlayer jQuery plugin


OIPlayer is a HTML5 audio and video player with fallback to Java and Flash. OIPlayer ‘attaches’ itself to all video and/or audio tags it encounters. Besides the general configuration of the plugin itself, it uses for each individual tag the attributes the respective tag has like poster, width, controls, autoplay etc.

Open Standard Media (OSM) Player


The mediafront platform is an open source (GPLv3) front end media solution for the web. Through its integration with popular content management systems, it employs an innovative and intuitive interface that allows any website administrator to completely customize the front end media experience for their users without writing any code!

With the onset of HTML5, there is a dramatic paradigm shift in the wake for online media content delivery. For well over 6 years, this industry has been dominated by the proprietary Adobe Flash Player, which has been used to deliver high quality media to audiences far and wide. This reign is coming to a dramatic end as new Open Standard technology takes its place. Yes, HTML5 is here, and we present to you the Open Standard Media (OSM) Player!

OSM Demo:

http://www.mediafront.org/ja/getting-started/standalone

Projekktor – HTML5 Video Player


Projekktor is a free JS wrapper for the new HTML5 video and audio elements. It solves cross browser and compatibility issues, adds some eye candy to the native players and provides powerful non standard features. It is not necessarily required in order to provide native media but be aware: You will never want to miss this pleasing touch of comfortableness again.

Its compatible with IE6, IE7, IE8, Firefox, Safari, Chrome and even works very well with the iPhone and iPad.

SublimeVideo


SublimeVideo is an HTML5 video player that will allow you to easily embed videos in any page, blog or site using the latest modern web standards.

SublimeVideo Demo:

http://jilion.com/sublime/video

Video JS: Open Source HTML5 Video Player


Video JS is a javascript-based video player that uses the HTML5 video functionality built into advanced browsers. In general, the benefit of using an HTML5 player is a consistent look between browsers.

Features:

  • Free & Open Source
  • Lightweight. NO IMAGES USED
  • 100% skinnable using CSS
  • Library independent
  • Easy to use
  • Easy to understand & extend
  • Consistent look between browsers
  • Full Window Mode
  • Volume Control
  • Forced fallback to Flash (even when there is an unsupported source)

Video for Everybody


Video for Everybody is simply a chunk of HTML code that embeds a video into a website using the HTML5 <video> element, falling back to Flash automatically, without the use of JavaScript or browser-sniffing. It therefore works in RSS readers (no JavaScript), on the iPhone / iPad (don’t support Flash) and on many, many browsers and platforms.

It works by playing the HTML5 video, only if the browser supports it. If it doesn’t, it will fallback on Quicktime, and if there is no Quicktime installed it will fallback to Flash. Finally, if all else fails, a placeholder image is shown and the user can download the video using the links provided.

YUI HTML5 Player


YUI HTML5 Player is a YUI 3 widget that creates a video player using the HTML5 video tag and JavaScript that is based on YUI 3. It was started as entry to the YUI 3 Gallery Contest in March 2010.

Features

  • Get a player in 3 easy steps
  • Full Javascript/HTML/CSS UI
  • Full Availability of HTML5 <video> attributes
  • Pass content to be displayed in browsers that do not support <video>
  • Support for multiple formats for each video.
  • Support for WebKit’s fullscreen API
  • Full Range of Video Controls
  • Specify which controls you need
  • Follows YUI practices (or at least tries too!)

Building a better HTML5 video player with Glow


In this article we’ll explore building a interactive set of controls using a JavaScript UI library (Glow), for playing a video file. It could easily be adapted to jQuery UI or similar.

Tutorial: How to Build an HTML5 Video Player


It’s not a open source video player, only a tutorial, but following this tutorial, you can build the HTML5 player for yourself. This tutorials gives you a basic understanding of the different options you have with the new video tag in HTML5, and the javascript needed to create some of the typical video controls you’d find in other players.

Some screenshot from http://www.net-kit.com/20-html5-video-players/, thanks!

23+ Useful HTML5 Open Source Online Video Players & Libraries,的更多相关文章

  1. html5的source元素

    html5的source元素 一.总结 一句话总结: 主要是解决视频播放时候的浏览器的兼容问题 二.html5的source元素 学习要点 掌握source元素的用法 source元素-解决浏览器额兼 ...

  2. html5 点击播放video的方法

    html5 点击播放video的方法<pre> <video videosrc="{$vo.shipinurl}" controls="" x ...

  3. jsDelivr - Free open source CDN for javascript libraries, jQuery plugins, CSS frameworks, Fonts and more

    jsDelivr - Free open source CDN for javascript libraries, jQuery plugins, CSS frameworks, Fonts and ...

  4. jqm视频播放器,html5视频播放器,html5音乐播放器,html5媒体播放器,video开展demo,html5视频播放演示示例,html5移动视频播放器

    最近看到很多有用的论坛html5视频播放的发展,音乐播放功能,大多数都在寻找答案.所以,我在这里做一个demo.对于大家互相学习.html5开发越来越流行,至于这也是一个不可缺少的一部分的视频. 如何 ...

  5. 使用HTML5抓取 Audio & Video

    原文地址: http://www.html5rocks.com/en/tutorials/getusermedia/intro/ 本地化的文章: http://www.html5rocks.com/z ...

  6. html5 audio vedio and video.js

    查看audio play事件http://jplayer.org/HTML5.Media.Event.Inspector/ media.seekable, buffered,played这些数据 we ...

  7. Myeclipse项目中Source、Projects、Libraries、Order and export含义

    Myeclipse 新建一个项目时,会出现如下界面 输入项目名,点击next Source source folder:存放.java源文件的根目录:output folder:.class编译输出的 ...

  8. HTML5 video标签播放视频下载原理

    HTML5 video https://github.com/remy/html5demos/blob/master/demos/video.html <video preload=" ...

  9. html5 video标签如何禁止视频下载

    html5 video标签如何禁止视频下载 一.总结 一句话总结:bing方法给video对象绑定return false的匿名方法. 1.html5 video标签如何禁止视频下载? bing方法给 ...

随机推荐

  1. @Html.Raw()

    asp.net mvc中把html字符串以html效果输出来, @string变更输出的是HTML代码, 如果想以HTML标签效果输出来可以用函数@Html.Raw(str) 输出来的就是网效果了, ...

  2. win7 下启动mysql

    1.下载mysql最新版,解压,不用安装. 2.启动服务: 进入bin文件夹下,使用管理员权限运行 mysqld.exe. 3.测试是否启动了服务. 4.登录mysql.初次安装的,没有设置密码,直接 ...

  3. lego blocks

    1.题目描述 https://www.hackerrank.com/challenges/lego-blocks 2.解法分析 这题乍看一下觉得应该可以用动态规划来做,但是却死活想不到最优子结构,在网 ...

  4. Eclipse配置信息

    1.Eclipse VM arguments的保存位置: .metadata\.plugins\org.eclipse.debug.core\.launches (使用文件比较工具找出配置信息的保存位 ...

  5. 检查 CPU 是否支持二级地址转换 - 摘自网络

    Windows 8 Consumer Preview 于2月正式发布,随后 Windows Server 8 Beta 也公布了下载.整体对比,Windows 8 在硬件方面的要求并不高,其最低硬件需 ...

  6. Django 的 CSRF 保护机制(转)

    add by zhj:假设用户登录了网站A,而在网站B中有一个CSRF攻击标签,点击这个标签就会访问网站A,如果前端数据(包括sessionid)都放在本地存储的话, 当在网站B点击CSRF攻击标签时 ...

  7. 使用avalon 实现一个订座系统

    avalon对交互非常复杂的WEB应用具有天然的优势,它拥有两大神器:计算属性(这相当于后端WPF的DependencyProperty)与$watch回调. 我们的订餐系统的要求如下,它有一个总额统 ...

  8. 2.VS2010C++各种后缀说明

    相关资料:"http://blog.csdn.net/kibaamor/article/details/18700607""http://blog.chinaunix.n ...

  9. JavaIO(06)文件复制

    文件复制一般是采用两种方式进行操作: 1:将源文件中的内容全部读取到内存中,并一次性的写入到目标文件中:(不常用这种方式) 2:不将源文件中的内容全部读取进来,而是采用边读边写的方式:   实例01: ...

  10. Mac 与 PC 键盘布局对比