<pead><meta charset= "Utf-8" ><meta http-equiv= "x-ua-compatible" content= "ie=edge,chrome=1" >< Meta name= "viewport" content= "Width=device-width, initial-scale=1" ><title>jquery Media music player </title> <link rel= "stylesheet" type= "Text/css" href= "http://files.cnblogs.com/files/caidupingblogs/ Musicplaymaindesign.css "></pead><body><div class= ' Jaudio--player ' ><audio></audio ><div class= ' Jaudio--ui ' > <div class= ' jaudio--thumb ' ></div> <div class= ' Jaudio--status-bar ' ><div class= ' jaudio--details ' ></div><div class= ' Jaudio--volume-bar ' ></div><div class= ' Jaudio--progress-bar ' > <div class= ' jaudio--progress-bar-wrapper ' ><div class= ' Jaudio--progress-bar-played ' > <span class= ' jaudio--progress-bar-pointer ' ></span></div> </ Div></div><div class= ' jaudio--time ' > <span class= ' jaudio--time-elapsed ' >00:00</span> <span class= ' JaudiO--time-total ' >00:00</span></div> </div></div><div class= ' jaudio--playlist ' > </div><div class= ' jaudio--controls ' > <ul><li><button class= ' btn ' data-action= ' prev ' id= ' Btn-prev ' ><span></span></button></li><li><button class= ' btn ' data-action= ' Play ' id= ' Btn-play ' ><span></span></button></li><li><button class= ' btn ' Data-action= ' Next ' id= ' Btn-next ' ><span></span></button></li> </ul></div> </div><script src= ' http://files.cnblogs.com/files/caidupingblogs/jquery-2.1.4.min.js ' ></script ><script src= ' http://files.cnblogs.com/files/caidupingblogs/jaudio.js ' ></script><script> var t = {playlist:[{file: "http://fs.pc.kugou.com/201605201829/23b4bac00bce3e17e936cabfe803bb3d/G009/M01/00/15/ Qyybaft-xg6ad0u0adwd1rp5jvg525.mp3 ", Thumb:" http://images.cnblogs.com/cnblogs_com/caidupingblogs/828701/t_01. Jpg", TrackName:" Love ", Trackartist:" Tobu & Syndec ", Trackalbum:" single ",},{file:" http://fs.pc.kugou.com/2016052 01830/9c835d0052e4c2158eaf623f59b82077/g004/m02/16/1d/ra0dafuazmqaqxbtadcef2lvtaa601.mp3 ", Thumb:"/http Images.cnblogs.com/cnblogs_com/caidupingblogs/828701/t_02.jpg ", TrackName:" Barbie ", Trackartist:" Disfigure ", Trackalbum: "single",},{file: "http://fs.pc.kugou.com/201605201831/6ae15c6a2e5921ffb59425b1d56e84b0/G029/M06/01/ 1f/_zmeafwhcvwatncoahgdh0iixfw750.mp3 ", Thumb:" Http://images.cnblogs.com/cnblogs_com/caidupingblogs/828701/t_ 03.jpg ", TrackName:" Fade ", Trackartist:" Alan Walker ", Trackalbum:" single ",}],autoplay:true}$ (". Jaudio--player "). Jaudio (t);</script></body>
jquery Media music Player