2014-02-25 78 views
0

我在我的測試站點上嵌入了MP3播放器,但問題在於它使用播放列表播放mp3文件的MP3播放器,並且它一次只使用一個播放列表,而且我有許多播放列表。使用Dropdown更改在線播放器播放列表

有人可以幫助腳本(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播放器代碼:playList=http://sunnah.wen.ru/3/home.xhtml是url到播放列表:

<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> 

,說的部分。

回答

0

下面是一個使用jQuery插件叫做jQuery的SWFObject的一個解決方案:

http://jquery.thewikies.com/swfobject/examples

演示:http://jsfiddle.net/3KZD8/

$(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 
      } 
     }); 
    }); 
}); 
+0

這正是我需要的,我很感激jazakallah雙向海爾哈納 – user3351542

+0

沒問題兄弟,如果你需要這個古蘭經網站的任何幫助,讓我知道我會很樂意幫助 –

+0

它的作品兄弟,可能真主獎勵你 – user3351542

相關問題