7款很棒的 HTML5 视频播放器

为下一代的网页语言,HTML5 拥有很多让人期待已久的新特性,其中之一就是 video 标签,让开发者可以在网页中和添加图片一样简单的方式添加视频。在这篇文章中,我收集了7个很棒的HTML5视频播放器,你可以很容易的应用到你的网站中,文章最后还将与大家分享使用 CSS3 和 jQuery 开发一个自定义 HTML5 视频播放器的教程。

VideoJS

VideoJS 是最流行的 HTML5 视频播放器,免费、开源,可使用 CSS 轻松定制皮肤,支持全屏,在不支持的浏览器自动切换为 Flash 播放。

SublimeVideo

SublimeVideo 是一个独特的基于云概念的 HTML5 视频播放器,功能强大,可惜不是免费的。

Open Standard Media (OSM) Player

由 Alethia Inc 开发,是集全功能于一体的网络播放器,非常不错。

Video for Everybody

Video for Everybody 让你在网页中嵌入一小段代码就能支持 HTML5 视频,在不支持的浏览器中自动切换为 Flash 播放。

Kaltura HTML5

Kaltura 的 HTML5 视频解决方案 – 兼容所有主流浏览器,采用独特的 fallback 机制。

FlareVideo

FlareVideo 由 Alex MacCaw 开发,他是一位Ruby/JS开发者,FlareVideo主要特色:

  • 在不支持 HTML5 视频的情况,用Flash作为替代方案
  • 可轻松自定义主题
  • 支持全屏
  • 完全开源和免费用于商业用途

Projekktor

一个免费,开源,基于 Javascript 编写的 HTML5 视频播放器,它解决了跨浏览器和兼容性问题,增加了视觉效果,并提供非常强大的功能。

使用 CSS3 和 jQuery 制作 HTML5 视频播放器

这个教程教您如果使用HTML5、CSS3和jQuery一步一步制作自己的视屏播放器,感兴趣的朋友记得收藏起来哦 :)

时间: 2024-09-15 14:11:44

7款很棒的 HTML5 视频播放器的相关文章

分享10款最棒的免费HTML5视频播放器

最近Web圈子里最让人激动地莫过于HTML5了,特别是HTML5视频,使用HTML5视频标签可以帮助我们解决困扰我们很长时间的网站视频插入问题. HTML5可以在没有flash的情况下播放视频.现在有很多的漂亮HTML5视频播放界面,包括控制元素,所以你不需要其它的东西来播放视频.这里我们 给大家介绍10款最好的免费HTML5播放器,希望大家能喜欢,支持我们,请给我们留言! The Free HTML5 Video Player 一个免费的开源的使用javascript开发的HTML5播放器.解

jqm视频播放器,html5视频播放器,html5音乐播放器,html5播放器,video开发demo,html5视频播放示例,html5手机视频播放器

最近在论坛中看到了很多实用html5开发视频播放,音乐播放的功能,大部分都在寻找答案.因此我就在这里做一个demo,供大家相互学习.html5开发越来越流行了,而对于视频这一块也是必不可少的一部分.如何让你的网站占据优势,就要看你的功能和用户体验了.html5对video还是做了很多优惠的东西,我们使用起来很得心应手. 在过去 flash 是网页上最好的解决视频的方法,截至到目前还算是主流,像那些优酷之类的视频网站.虾米那样的在线音乐网站,仍然使用 flash 来提供播放服务.但是这种状况将会随

维基百科HTML5视频播放器测试5年后终上线

中介交易 SEO诊断 淘宝客 云主机 技术大厅 嵌有视频播放器的维基百科词条页面 作为一家非营利性网络百科全书,维基百科凭借众包模式提供了大量的文本和图片资料,但视频内容却比较匮乏.毕竟,要共同编辑并上传视频要困难得多. 现在,维基百科计划通过Kaltura的HTML5视频播放器和工具套件加大视频投入,让用户可以向任何的维基百科文章中添加视频. 需要注意的是,维基百科已经允许用户向文章中添加视频,全球各地的广播公司也曾经向维基百科和Wikimedia Commons捐献过视频脚本.但通过最新的项

javascript实现简单的html5视频播放器_javascript技巧

效果: 代码很简单 js define("html5_video_player", [ '../avalon-min'], function(avalon) { function formatTime(seconds) { var seconds = Math.round(seconds); var minutes = Math.floor(seconds / 60); seconds = Math.floor(seconds % 60); minutes = (minutes >

Quod Libet一款很简洁的音频播放器

Gnome下的一款很简洁的http://www.aliyun.com/zixun/aggregation/12471.html">音频播放器.插件比较齐全,而且有修改标签的插件,方便处理标签中文乱码的情况.另外,Quod Libet不像一些6186.html">播放器那样,需要把所有的音乐都导入一个8637.html">音乐库中,而是在软件的左侧有一个文件夹树,用户可以选择播放文件夹中的音乐,可以满足一些用户的需要. Quod Libet是一个使用GTK++

分享几款Flash和Javascript网页视频播放器,不过我钟爱JCPlayer

分享几款Flash和javascript网页视频播放器.梦想中的视频播放器是这样的: 支持所有格式,兼容所有主流视频网站,支持播放列表.视频缩略图.全屏播放.画面调节.预加载.体积贼小,功能贼多--. 也许你的要求并没有这么高,找找下面有没有你满意的! 不过我钟爱JCPlayer,JCPlayer在官网下载太麻烦了,所以艾伟给大家共享了网盘,地址是:http://www.kuaipan.cn/index.php?ac=file&oid=21574733124337668 1. Videobox

15个最好的 HTML5 视频播放器

HTML5 带来的一个特性就是视频播放标签,这将是标准的网页视频播放方式.我查找了目前可用的 HTML5 视频播放器,整理如下. 1) HTML5 Video 2) Viddler   3) Longtailvideo   4) Videojs   5) Sublime Video   6) jMedia Element   7) Projekktor   8 ) Fry Player   9) Mooplay   10) OI Player   11) Flare Video   12) Vi

10款很棒的浏览器兼容性测试工具

  对于前端开发工程师来说,确保代码在各种主流浏览器的各个版本中都能正常工作是件很费时的事情,幸运的是,有很多优秀的工具可以帮助测试浏览器的兼容性,让我们一起看看这些很棒的工具. Spoon Browser Sandbox 点击你需要测试的浏览器环境,安装插件就可以进行测试了.帮助你测试网页在Safari.Chrome.Firefox和Opera浏览器中是否正常,IE以前也有的,网站上说应微软的要求去掉了. Superpreview 这是为微软自己发布的跨浏览器测试工具,您可以同时查看您的网页在

推荐10个很棒的HTML5 Canvas应用

今天,我们来分享一些很棒的介绍HTML5 Canvas上的图像效果的应用程序,花的力量,360玩家画布可视化,画板,还有更多. 1) FlowerPower 2) canvasphoto 3) HTML5 Canvas Image Effect 4) HTML5 Canvas Pixelate Effects 5) Deviantart 6) 360-player-canvas-visualization 7) HTML5- BlobBuilder 8) scratchpad 9) sketch