我在我的TEST SITES上嵌入了一个mp3 flash播放器,但问题是它使用播放列表来播放mp3文件的mp3 flash播放器,它一次只使用一个播放列表,而且我有很多播放列表。
有人可以帮助使用脚本(Javascript,Jquery),以便用户可以从下拉列表中选择要播放的播放列表吗?
示例html代码:
<form action="#">
<select id="playlists" onchange="playlist();">
<option value="//sunnah.wen.ru/3/1.xml">Playlist 1</option>
<option value="//sunnah.wen.ru/3/2.xml">Playlist 2</option>
<option value="//sunnah.wen.ru/3/3.xml">Playlist 3</option>
<option value="//sunnah.wen.ru/3/4.xml">Playlist 4</option>
<option value="//sunnah.wen.ru/3/5.xml">Playlist 5</option>
<option value="//sunnah.wen.ru/3/6.xml">Playlist 6</option>
<option value="//sunnah.wen.ru/3/7.xml">Playlist 7</option>
<option value="//sunnah.wen.ru/3/8.xml">Playlist 8</option>
<option value="//sunnah.wen.ru/3/9.xml">Playlist 9</option>
<option value="//sunnah.wen.ru/3/10.xml">Playlist 10</option>
</form>
mp3播放器代码是:
<embed allowscriptaccess="never" src="http://sunnah.wen.ru/3/sunna4u.swf" menu="false" quality="high" width="300" height="300" name="index" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="playList=http://sunnah.wen.ru/3/home.xhtml&ShowPlaylist=1&ShowEQ=1&firstTrack=1&initVol=100" wmode="transparent" /></embed>
部分说:playList=http://sunnah.wen.ru/3/home.xhtml
是播放列表的网址。
答案 0 :(得分:0)
这是一个使用名为jQuery SWFObject的jQuery插件的解决方案:
http://jquery.thewikies.com/swfobject/examples
$(function () {
//initialize
$("#player").flash({
swf: 'http://sunnah.wen.ru/3/sunna4u.swf',
height: 300,
flashvars: {
playList: "http://sunnah.wen.ru/3/home.xhtml",
ShowPlaylist: 1,
ShowEQ: 1,
firstTrack: 1,
initVol: 100
}
});
//on change
$("#playlists").change(function () {
$("#player").flash({
swf: 'http://sunnah.wen.ru/3/sunna4u.swf',
height: 300,
flashvars: {
playList: "http:" + $(this).val(),
ShowPlaylist: 1,
ShowEQ: 1,
firstTrack: 1,
initVol: 100
}
});
});
});