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

Send_linux

网页视频音频播放器大家并不陌生，在IE中我们可以运行ActiveX来嵌入微软的Media Player或者其他的本地播放器，当然可能大部分我们都是使用Flash来制作播放器。在HTML5发展迅速的今天，让我们尝试用HTML5来制作网页播放器吧，毕竟无论是PC还是移动设备，HTML5是未来的趋势。下面我向大家推荐7个使用比较广泛的HTML5视频音频播放器，希望大家喜欢。
1、
HTML5音频视频播放器jPlayer
jPlayer是一款基于jQuery和HTML5的音频播放器和视频播放器，jPlayer提供了2套默认的皮肤，都非常漂亮。下面我将利用jPlayer的核心脚本库整理几个基于jPlayer的播放器示例。
[/url]
2、
[url=http://tx.itivy.com/?p=631]HTML5音频播放器MooTools HTML5 Audio Player
MooTools HTML5 Audio Player是一款基于HTML5技术的音频播放器，这个音频播放器支持折叠和展开，折叠时将隐藏控制按钮以节省空间。该HTML5音乐播放器还支持播放列表功能，可以方便地切换当前播放的音乐。
3、
HTML5视频和音频播放器MediaElement
MediaElement是一款基于HTML5技术的视频和音频播放器，该HTML5播放器对于一些不支持HTML5的浏览器会以Silverlight或者Flash的形式展示。支持 WordPress, Drupal, Joomla, jQuery, 和 BlogEngine.NET, ruby gem, plone插件。
4、
HTML5音乐播放器ZEN Audio Player
ZEN Audio Player是一款基于HTML5技术的音乐播放器，同时它也是基于jPlayer重写而成的音频播放器。ZEN Audio Player外观是环形的，是一个非常个性的音乐播放器。Chrome下展示效果最佳。
5、
HTML5视频播放器FlareVideo
FlareVideo
是基于HTML5技术实现的视频播放器，FlareVideo对CSS和JS的配置十分简单，该HTML5视频播放器还支持全屏播放功能，并且支持播放器皮肤切换。
[/url]
6、
[url=http://tx.itivy.com/?p=312]HTML5视频播放器VideoJS

VideoJS也是一款基于HTML5的视频播放器，VideoJS具有以下特点：

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

[/url]
7、
[url=http://tx.itivy.com/?p=294]HTML5视频播放器Open Standard Media
Open Standard Media这款HTML5视频播放器的底层使用jQuery框架写的，同时支持多种格式的视频和音频的播放。并且这个HTML5视频播放器支持播放列表。目前这款HTML5播放器遵循PGL V3的开源协议，所以我们可以放心地使用它并修改其源码来定制的实际需求。
[/url]
以上就是7款漂亮的HTML5播放器，希望能有用。

本文来自ChinaUnix文档频道，如果查看原文请点：[url]http://doc.chinaunix.net/web/201208/2327383.shtml