Question

jplayer 如何自动播放

求代码

Answer 1

jPlayer是一个用于控制和播放mp3文件的jQuery插件。它在后台使用Flash来播放mp3文件，前台播放器外观完全可以使用XHML/CSS自定义。

支持：

· 选择需要播放的Mp3文件。
· 播放、暂停、停止控制。
· 音量控制。
<script type="text/javascript" >
//<![CDATA[
$(document).ready(function(){

$("#jquery_jplayer_1").jPlayer({
ready: function () {
$(this).jPlayer("setMedia", {
mp3:"rg.mp3",//mp3存放路径
autoPlay:false;//是否自动播放
});
},
swfPath: "js",
supplied: "mp3",
wmode: "window"

});
});
//]]>
</script>
Html：
<div class="btn_music" id="jp_container_1">
<a href="javascript:;" class="jp-play" onclick="$('#ltico').attr('class','listening-icon')" title="播放"></a>
<a href="javascript:;" class="jp-pause" onclick="$('#ltico').attr('class','listening-icon-pause')" title="暂停"></a>
<span class="listening-icon-pause" id="ltico"></span>
<a class="weibo" href="javascript:;" title="分享到腾讯微博"></a>
</div>

Css：
.btn_music{position:absolute; top:232px; left:791px;width:135px;height:20px;}
.btn_music a{float:left; display:inline-block; width:13px; height:17px;margin-right:2px;}
.btn_music a.weibo{width:17px;position:absolute;right:0px;top:0px;}
.btn_music a.jp-play{background:url(../images/music_ico.png) no-repeat}
.btn_music a.jp-pause{background:url(../images/music_ico.png) no-repeat -14px 0}
.btn_music .listening-icon{background:url(../images/zSGhlXp4.gif) no-repeat;width:14px;height:14px;display:inline-block}
.btn_music .listening-icon-pause{background:url(../images/OVZwOkXW.gif) no-repeat;width:14px;height:14px;display:inline-block}

Answer 2

网速不好...图片上传这么费劲