7款很棒的 HTML5 视频播放器
2011-06-27 17:08
211 查看
作为下一代的网页语言,HTML5 拥有很多让人期待已久的新特性,其中之一就是 video
标签,让开发者可以在网页中和添加图片一样简单的方式添加视频。在这篇文章中,我收集了7个很棒的HTML5视频播放器,你可以很容易的应用到你的网站
中,文章最后还将与大家分享使用 CSS3 和 jQuery 开发一个自定义 HTML5 视频播放器的教程。
![](http://www.topdesignmag.com/wp-content/uploads/2011/05/117.png)
VideoJS 是最流行的 HTML5 视频播放器,免费、开源,可使用 CSS 轻松定制皮肤,支持全屏,在不支持的浏览器自动切换为 Flash 播放。
![](http://www.topdesignmag.com/wp-content/uploads/2011/05/214.png)
SublimeVideo 是一个独特的基于云概念的 HTML5 视频播放器,功能强大,可惜不是免费的。
![](http://www.topdesignmag.com/wp-content/uploads/2011/05/311.png)
由 Alethia Inc
开发,是集全功能于一体的网络播放器,非常不错。
![](http://www.topdesignmag.com/wp-content/uploads/2011/05/413.png)
Video for Everybody 让你在网页中嵌入一小段代码就能支持 HTML5 视频,在不支持的浏览器中自动切换为 Flash 播放。
![](http://www.topdesignmag.com/wp-content/uploads/2011/05/52.png)
Kaltura 的 HTML5 视频解决方案 – 兼容所有主流浏览器,采用独特的 fallback 机制。
![](http://www.topdesignmag.com/wp-content/uploads/2011/05/62.png)
FlareVideo 由 Alex MacCaw
开发,他是一位Ruby/JS开发者,FlareVideo主要特色:
在不支持 HTML5 视频的情况,用Flash作为替代方案
可轻松自定义主题
支持全屏
完全开源和免费用于商业用途
![](http://www.topdesignmag.com/wp-content/uploads/2011/05/72.png)
一个免费,开源,基于 Javascript 编写的 HTML5 视频播放器,它解决了跨浏览器和兼容性问题,增加了视觉效果,并提供非常强大的功能。
![](http://www.topdesignmag.com/wp-content/uploads/2011/05/84.png)
这个教程教您如果使用HTML5、CSS3和jQuery一步一步***自己的视屏播放器,感兴趣的朋友记得收藏起来哦 :)
转自:http://lhb25.cnblogs.com
标签,让开发者可以在网页中和添加图片一样简单的方式添加视频。在这篇文章中,我收集了7个很棒的HTML5视频播放器,你可以很容易的应用到你的网站
中,文章最后还将与大家分享使用 CSS3 和 jQuery 开发一个自定义 HTML5 视频播放器的教程。
VideoJS
![](http://www.topdesignmag.com/wp-content/uploads/2011/05/117.png)
VideoJS 是最流行的 HTML5 视频播放器,免费、开源,可使用 CSS 轻松定制皮肤,支持全屏,在不支持的浏览器自动切换为 Flash 播放。
SublimeVideo
![](http://www.topdesignmag.com/wp-content/uploads/2011/05/214.png)
SublimeVideo 是一个独特的基于云概念的 HTML5 视频播放器,功能强大,可惜不是免费的。
Open Standard Media (OSM) Player
![](http://www.topdesignmag.com/wp-content/uploads/2011/05/311.png)
由 Alethia Inc
开发,是集全功能于一体的网络播放器,非常不错。
Video for Everybody
![](http://www.topdesignmag.com/wp-content/uploads/2011/05/413.png)
Video for Everybody 让你在网页中嵌入一小段代码就能支持 HTML5 视频,在不支持的浏览器中自动切换为 Flash 播放。
Kaltura HTML5
![](http://www.topdesignmag.com/wp-content/uploads/2011/05/52.png)
Kaltura 的 HTML5 视频解决方案 – 兼容所有主流浏览器,采用独特的 fallback 机制。
FlareVideo
![](http://www.topdesignmag.com/wp-content/uploads/2011/05/62.png)
FlareVideo 由 Alex MacCaw
开发,他是一位Ruby/JS开发者,FlareVideo主要特色:
在不支持 HTML5 视频的情况,用Flash作为替代方案
可轻松自定义主题
支持全屏
完全开源和免费用于商业用途
Projekktor
![](http://www.topdesignmag.com/wp-content/uploads/2011/05/72.png)
一个免费,开源,基于 Javascript 编写的 HTML5 视频播放器,它解决了跨浏览器和兼容性问题,增加了视觉效果,并提供非常强大的功能。
使用 CSS3 和 jQuery *** HTML5 视频播放器
![](http://www.topdesignmag.com/wp-content/uploads/2011/05/84.png)
这个教程教您如果使用HTML5、CSS3和jQuery一步一步***自己的视屏播放器,感兴趣的朋友记得收藏起来哦 :)
转自:http://lhb25.cnblogs.com
相关文章推荐
- 7款很棒的 HTML5 视频播放器
- 7款很棒的 HTML5 视频播放器
- 7款很棒的 HTML5 视频播放器
- 7款很棒的 HTML5 视频播放器
- 7款很棒的 HTML5 视频播放器
- 7款很棒的 HTML5 视频播放器
- 7款超具个性的HTML5播放器
- HTML5视频播放器
- 7款个性化jQuery/HTML5地图插件
- HTML5-视频播放器
- HTML5入门3---视频播放器
- 基于HTML5的视频播放器
- 7款值得你心动的HTML5动画和游戏
- 7款值得你心动的HTML5动画和游戏
- 最好免费的 HTML5 & JS 网站视频播放器收集
- 基于HTML5的有弹幕功能的视频播放器
- 分享7款让你赞叹的HTML5动画
- 7款炫酷实用的jQuery/HTML5菜单
- 7款让人惊叹的HTML5粒子动画特效
- 不得不爱开源 Wijmo jQuery 插件集(15)-【HTML5-视频播放器】(附页面展示和源码)