PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> HTML >> 

分享7个漂亮的HTML5视频音频播放器及源码

分享7个漂亮的HTML5视频音频播放器及源码

来源:PHP程序员站  作者:会员投稿  发布时间:2012-07-11
网页视频音频Player大家并不陌生,在IE中我们可以运行ActiveX来嵌入Microsoft得Media 播放器或者其他得本地Player,当然可能大部分我们都是使用Flash来制作Player。在HTML5发展迅速得今日,让我们尝试用HTML5来制作网页Player吧,毕竟无论是PC还是移动设备,HTML5是未

网页视频音频Player大家并不陌生,在IE中我们可以运行ActiveX来嵌入Microsoft得Media 播放器或者其他得本地Player,当然可能大部分我们都是使用Flash来制作Player。在HTML5发展迅速得今日,让我们尝试用HTML5来制作网页Player吧,毕竟无论是PC还是移动设备,HTML5是未来得趋势。下面我向大家推荐7个使用比较广泛得HTML5视频音频Player,希望大家喜欢。

1、HTML5音频视频Playerj播放器

j播放器是一款基于jQuery和HTML5得音频Player和视频Player,j播放器提供了2套默认得皮肤,都非常漂亮。下面我将利用j播放器得核心脚本库整理几个基于j播放器得Player示例。

2、HTML5音频PlayerMooTools HTML5 Audio 播放器

MooTools HTML5 Audio 播放器是一款基于HTML5技术得音频Player,这个音频Player支持折叠和展开,折叠时将隐藏控制按钮以节省空间。该HTML5音乐Player还支持播放列表功能,可以方便地切换当前播放得音乐。

3、HTML5视频和音频PlayerMediaElement

MediaElement是一款基于HTML5技术得视频和音频Player,该HTML5Player对于一些不支持HTML5得浏览器会以Silverlight或者Flash得形式展示。支持 WordPress, Drupal, Joomla, jQuery, 和 BlogEngine.NET, ruby gem, plone插件。

4、HTML5音乐PlayerZEN Audio 播放器

ZEN Audio 播放器是一款基于HTML5技术得音乐Player,同时它也是基于j播放器重写而成得音频Player。ZEN Audio 播放器外观是环形得,是一个非常个性得音乐Player。Chrome下展示效果最佳。

5、HTML5视频PlayerFlareVideo

FlareVideo是基于HTML5技术实现得视频Player,FlareVideo对CSS和JS得配置十分简单,该HTML5视频Player还支持全屏播放功能,并且支持Player皮肤切换。

6、HTML5视频PlayerVideoJS

VideoJS也是一款基于HTML5得视频Player,VideoJS具有以下特点:

  • 开源,我们可以利用VideoJS得源码将它应用到自己得程序中,并且可以修改其源码,但要遵循开源协议。
  • 轻量级,没有使用图片。
  • 完全可以用CSS定制Player得外观。
  • 不依赖其他脚本库。
  • 使用非常简单。
  • 不仅使用简单,扩展也非常简单。
  • 在各个浏览器之间有统一得外观。
  • 支持全屏播放。
  • 可以控制音量。
  • 遇到不支持HTML5得浏览器可以转换成FLASH来播放。

7、HTML5视频PlayerOpen Standard Media

Open Standard Media这款HTML5视频Player得底层使用jQuery框架写得,同时支持多种格式得视频和音频得播放。并且这个HTML5视频Player支持播放列表。目前这款HTML5Player遵循PGL V3得开源协议,所以我们可以放心地使用它并修改其源码来定制得实际需求。

以上就是7款漂亮得HTML5Player,希望能有用。

Tags:
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号