Jplayer插件使用浅析

接触jPlayer插件后的第一印象是，它拥有“最好”的兼容性，向下可以兼容到IE6，官网上有详细的兼容性说明。

• 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

而这也成为了我选择使用它的首要原因。

然后从需求上来了解它的使用方法吧。

第一个需求（也是我当时的实际需求）：MP3格式音频文件在线播放，也许样式如下：

刚刚看到这个需求的时候，第一反应是直接用<audio>标签直接实现，虽然也能实现在线播放的音频文件的基本需求，但却无法满足如播放进度调节、循环播放等潜在的基本需求。

我从Jplayer官网（http://jplayer.org/）上下载好压缩包，直接找出里面的 Blue Monday 这个demo套用（路径：/examples/blue.Monday/demo-01.htm）。压缩包里的demo很多，很全面，总有一款是你需要的，直接剥离demo并进行修改，也是学习使用这个插件的最快的方法。

Blue Monday这款demo的样式是这样的：