mediaplay + jQuery实现音乐列表播放的切换

听老歌

mediaplay + jQuery实现音乐列表播放的切换

这里 MediaPlayer 是通过 其所在层的切换来控制 音乐的播放与否的！



下面是js代码：

1. 
   
2. Js代码  
   
3. 1.<script type="text/javascript" src="js/jquery.js"></script>   
   
4. 2.  
   
5. 3.<script type="text/javascript" >   
   
6. 4.  
   
7. 5.function  playmus(filepath){   
   
8. 6.    $("#mus_play").hide();   
   
9. 7.        window.setTimeout(function (){   
   
10. 8.        $("embed").attr("src",filepath);   
    
11. 9.            $("#mus_play").show();   
    
12. 10.        }, 100);   
    
13. 11.         
    
14. 12.  
    
15. 13.}   
    
16. 14.  
    
17. 15.  
    
18. 16.</script>  
    
19. <script type="text/javascript" src="js/jquery.js"></script>
    
20. 
    
21. <script type="text/javascript" >
    
22. 
    
23. function  playmus(filepath){
    
24.         $("#mus_play").hide();
    
25.                  window.setTimeout(function (){
    
26.                 $("embed").attr("src",filepath);
    
27.                         $("#mus_play").show();
    
28.                 }, 100);
    
29.           
    
30. 
    
31. }
    
32. 
    
33. 
    
34. </script>
    
35. 
    
36. 
    
37. 
    
38. 下面是html中音乐列表的代码：（注意这里要使用绝对路径，当然 网站路径也可以，但是相对路径不可以【？】！未知）
    
39. 
    
40. 
    
41. 
    
42. <a href="javascript:playmus('E:/1.mp3');">11111</a>
    
43. 
    
44. <br/>
    
45. <a href="javascript:playmus('E:/2.mp3');">222222</a>
    
46. 
    
47. <br/>
    
48. 
    
49. <a href="javascript:playmus('E:/1.mp3');">333333333</a>
    
50. 
    
51. <br/>
    
52. 
    
53. <a href="javascript:playmus('E:/4.mp3');">14444444</a>
    
54. 
    
55. <br/>

复制代码

MediaPlayer 的播放代码，同样放到html中：



Html代码

1. 1.<div style="display: none;" id="mus_play">  
   
2. 2.<embed src="E:/1.mp3" border="0" width="230" height="68" type="application/x-mplayer2" pluginspage="http://www.microsoft.com/isapi/redir.dll?prd=windows&sbp=mediaplayer&ar=media&sba=plugin&" name="MediaPlayer" showcontrols="1" showpositioncontrols="0" loop="true" showaudiocontrols="1" showtracker="1" showdisplay="0" showstatusbar="1" autosize="0" showgotobar="0" showcaptioning="0" autostart="1" autorewind="0" animationatstart="0" transparentatstart="0" allowscan="1" enablecontextmenu="1" clicktoplay="0" invokeurls="1" defaultframe="datawindow">  
   
3. 3.</embed>  
   
4. 4.</div>  

复制代码