jPlayer 基于 jQuery 多媒体 MP3/MP4 在线播放器

Question

jPlayer 是个完全免费和开源的媒体库 (media library)。作为 jQuery 插件的一员，使用 jPlayer 可以在你的网页上轻松加入跨平台的音乐和视频。通过 jPlayer 的 API，你可以构想出具有创意的影音解决方案。jPlayer 还支持 Zepto 1.0+ 编译模块的数据。

主要功能

1. 控制并播放你网站上的媒体文件
2. 创建播放器，利用 html+css 定制化播放器样式
3. 将音频和视频加入到你的 jQuery 项目中
4. 支持更多的使用 HTML5 规范的设备
5. 支持使用 Flash Fallback 的旧浏览器
6. 使用 JavaScript API 控制你网站上的媒体文件 jPlayer 支持的媒体格式：HTML5: mp3, m4a (AAC), m4v (H.264), ogv*, oga*, wav*, webm* Flash: mp3, m4a (AAC), m4v (H.264)

快速使用

<script type="text/javascript">
 $(document).ready(function(){
  $("#jquery_jplayer_1").jPlayer({
   ready: function () {
    $(this).jPlayer("setMedia", {
     m4a: "/media/mysound.mp4",
     oga: "/media/mysound.ogg"
    });
   },
   swfPath: "/js",
   supplied: "m4a, oga"
  });
 });
</script>
<div id="jquery_jplayer_1"></div>
<div id="jp_container_1">
 <a href="#" class="jp-play">Play</a>
 <a href="#" class="jp-pause">Pause</a>
</div>

浏览器兼容

• Windows: Chrome, Firefox, Internet Explorer, Safari, Opera
• Windows (legacy): IE6, IE7, IE8, IE9, IE10, IE11
• OSX: Safari, Firefox, Chrome, Opera
• iOS: Mobile Safari: iPad, iPhone, iPod Touch
• Android: Android 2.3 Browser
• Blackberry: OS 7 Phone Browser, PlayBook Browser

多媒体格式支持

• HTML5: mp3, mp4 (AAC/H.264), ogg (Vorbis/Theora), webm (Vorbis/VP8), wav
• Flash: mp3, mp4 (AAC/H.264), rtmp, flv

注意

对于跨浏览器支持，必须提供在 HTML5 和 Flash 中都能工作的格式，可以提供可选的附加格式来增加对跨浏览器 HTML5 的支持。

官网：http://www.jplayer.org