关于jquery音乐播放插件jplayer的css样式问题

0 0

关于jquery音乐播放插件jplayer的css样式问题5

不知道哪位大神懂得jplayer，小弟想知道怎么修改它的ui，就是因为宽度不匹配，不知道怎么办。
其中网站代码是：

<table width="182" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top"> <strong><font color="#ff0000">音乐</font></strong>
</td>
</tr>
<tr>
<td valign="top"> <img src="images/h[1].jpg" width="182" height="6">
</td>
</tr>
<tr>
<td align="center" valign="top">

</td>
</tr>
</table>
其中jplayer的div代码为（应该没影响）：
<div id="jquery_jplayer"></div>

<div class="jp-playlist-player">
<div class="jp-interface">
<ul class="jp-controls">
<li><a href="#" id="jplayer_play" class="jp-play" tabindex="1">play</a></li>
<li><a href="#" id="jplayer_pause" class="jp-pause" tabindex="1">pause</a></li>
<li><a href="#" id="jplayer_stop" class="jp-stop" tabindex="1">stop</a></li>
<li><a href="#" id="jplayer_volume_min" class="jp-volume-min" tabindex="1">min volume</a></li>
<li><a href="#" id="jplayer_volume_max" class="jp-volume-max" tabindex="1">max volume</a></li>
<li><a href="#" id="jplayer_previous" class="jp-previous" tabindex="1">previous</a></li>
<li><a href="#" id="jplayer_next" class="jp-next" tabindex="1">next</a></li>
</ul>
<div class="jp-progress">
<div id="jplayer_load_bar" class="jp-load-bar">
<div id="jplayer_play_bar" class="jp-play-bar"></div>
</div>
</div>
<div id="jplayer_volume_bar" class="jp-volume-bar">
<div id="jplayer_volume_bar_value" class="jp-volume-bar-value"></div>
</div>
<div id="jplayer_play_time" class="jp-play-time"></div>
<div id="jplayer_total_time" class="jp-total-time"></div>
</div>
<div id="jplayer_playlist" class="jp-playlist">
<ul>

<li></li>
</ul>
</div>
</div>
显示效果如图123；
它所引用的css文件和ui同见附件
小弟在此先谢了，谢谢

问题补充：

binjoo 写道

用firefug看看宽度在哪嘛。。

是jplay插件的宽度，受jquery ui样式控制，不知道改哪个参数，不知道改了会不会影响插件界面，希望考虑下，谢谢

界面设计