您的位置: jquery插件库 > 播放器→ Music Player 音乐播放器

Music Player 音乐播放器

资源来源网络,如果需要授权,请大家更换源码,模块仅供学习,下载后请2小时内删除,如需商用请购买正版授权 Music Player 音乐播放器演示图片

HTML代码

<div class="music-player">
    <img src="https://goo.gl/ly1Brx" alt="artwork" width="300" height="300">
    <div class="content">
      <div class="track"><i class="icon-music"></i>You Took Your Time (Kyle Hall Remix)</div>
      <div class="artist"><i class="icon-user"></i>Mount Kimbie</div>
      <div class="album"><i class="icon-cd"></i>CSFLY Remixes</div>
      <ul class="controls">
          <li><i class="icon-heart" ddata-tooltip="like"></i></li>
          <li><i class="icon-shuffle" ddata-tooltip="shuffle"></i></li>
          <li><i class="icon-cw" ddata-tooltip="repeat"></i></li>
      </ul> 
      <progress value="0" max="100"><div class="tracker active"></div></progress>
      <span>0:00</span><span></span>
      <span class=""></span><span class="" style="float:right;">4:42</span>
      <ul class="play-controls">
        <li><i class="icon-first"></i></li>
        <li><i class="icon-previous"></i></li>
        <li><i class="icon-play"></i></li>
        <li><i class="icon-next"></i></li>
        <li><i class="icon-last"></i></li>
      </ul>
    </div> 
  </div>