即窗口模式。有效的wmode值有: window, transparent, opaque, direct, gpu。这些值具体是什么意思呢，度娘已经给出了许多，就不赘述了，就说说它们间的区别。
window：缺省模式；transparent：透明模式；opaque：无窗口模式；'direct'和'gpu'是flashplayer10及以更高版本新增的参数，与前面三个值不能同时用的，不然会引起冲突。
这么说还是有些官方，我尝试删掉这个参数，在chrome46.0.2490.86，Firefox45.0.2，Opera36.0.2130.65，IE7、8中，音频依然可以正常播放。根据官方API所诉，注意Firefox 3.6 音频播放器使用Flash解决方案要求设置选项{wmode:"window"}否则的话，浏览器不嗯能够正确在页面中放置Flash。
第五个参数：useStateClassSkin
默认情况下，播放和静音状态下的dom 元素会添加class jp-state-playing, jp-state-muted 这些状态会对应一些皮肤，是否使用这些状态对应的皮肤。检验它是否对当前页面是否起作用了，我通过注释它后，发现音频不能中途暂停，只能让它播放结束后，再次点击播放，暂停功能失效。
第六个参数：autoBlur
点击之后自动失去焦点。删除后，对音频并无其他影响。该参数是可选项。
第七个参数：smoothPlayBar
官方解释：平滑过渡播放条。
将值设置为false，可以发现进度条是点击时，没有了过渡的过程，是直接到所点位置，体验并不好。
第八个参数：keyEnabled
官方解释：启用这个实例的键盘控制器特性。
通俗点就是是否允许键盘控制播放。
第九个参数：remainingDuration
是否显示剩余播放时间,如果为false 那么duration 那个dom显示的是【3:07】,如果为true 显示的为【-3:07】。像我的音频没有时间段显示的样式，那么这个参数也是可选的。
第十个参数：toggleDuration
允许点击剩余时间的dom 时切换剩余播放时间的方式，比如从【3:07】点击变成【-3：07】如果设置为false ,那么点击无效，只能显示remainingDuration 设置的方式。也是可选参数。
如上，demo里面所用到的参数你都知道怎么用了么？如果还有不清楚的，你可以自己直接使用压缩包里面的demo试验一下。
除了如上的参数，还有几个参数需特别说明一下:
size:设置媒体的宽高；
cssSelectorAncestor:定义所有cssSelector的祖先的一个cssSelector。作用相当于css的元素选择器；
globalVolume：true时共享volume，一个页面存在多个媒体时，调整其中一个的音量大小，其他也跟着改变，false则不受影响。
这样一些简单的媒体播放需求就实现了。有很多页面会提出自动播放的需求，在jpalyer里面要怎么实现了。其实也不难。
在ready参数下，
$(this).jPlayer("setMedia", { autoPlay: true }).jPlayer("play");
自动播放就实现了，页面需求升级，需要媒体循环自动播放，如何实现？在API提供了这样一个事件：
ended: function () { $(this).jPlayer("play"); },
需求继续升级，媒体自动播放1秒后停止，如何实现呢？
$(this).jPlayer("setMedia", { }).jPlayer("pause", 1); 这样还不够，一个页面同时有多个媒体（这个不细说，压缩包里面有案例），怎么阻止同时播放? play: function() { // 当前媒体播放时，其他媒体暂停播放 $(this).jPlayer("pauseOthers"); }, ......
需求变化很多，但万变不离其中，有觉得实现不了的功能，可以多多看下官网的API，maybe你就找到了解决之道。
您可能感兴趣的文章: