首页>>音乐/视频>>仅仅一个jquery播放器mp3,可以隐藏进度条(2018-10-07)

仅仅一个jquery播放器mp3,可以隐藏进度条

仅仅一个jquery播放器mp3,可以隐藏进度条
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

JavaScript Code
  1. <script>  
  2.             function playMusic() {  
  3.                 var player = $("#player")[0]; /*jquery对象转换成js对象*/  
  4.                 player.play(); /*播放*/  
  5.                 //                                if (player.paused) { /*如果已经暂停*/  
  6.                 //                                    player.play(); /*播放*/  
  7.                 //                                } else {  
  8.                 //                                    player.pause();/*暂停*/  
  9.                 //                                }  
  10.             }  
  11.             function stopMusic() {  
  12.                 var player = $("#player")[0]; /*jquery对象转换成js对象*/  
  13.                 player.pause();/*暂停*/  
  14.             }  
  15.         </script>  

 

XML/HTML Code
  1. <div style="margin:0 0 10px 0">  
  2.            <button onclick="playMusic()">播放</button>  
  3.            <button onclick="stopMusic()">暂停</button>  
  4.        </div>  

以下区域可以用style="display: none"隐藏

 

XML/HTML Code
  1. <audio id="player" controls="controls">  
  2.     <source src="http://www.freejs.net/demo/603/music/Sugar.mp3"/>  
  3. </audio>  

 


原文地址:http://www.freejs.net/article_yingyueshipin_700.html