html/skin/blue.monday/mustache/jplayer.blue.monday.audio.playlist.html

   1 <div id="{{JPLAYER}}" class="jp-jplayer"></div>
   2 <div id="{{WRAPPER}}" class="jp-audio" role="application" aria-label="media player">
   3         <div class="jp-type-playlist">
   4                 <div class="jp-gui jp-interface">
   5                         <div class="jp-controls">
   6                                 <button class="jp-previous" role="button" tabindex="0">previous</button>
   7                                 <button class="jp-play" role="button" tabindex="0">play</button>
   8                                 <button class="jp-next" role="button" tabindex="0">next</button>
   9                                 <button class="jp-stop" role="button" tabindex="0">stop</button>
  10                         </div>
  11                         <div class="jp-progress">
  12                                 <div class="jp-seek-bar">
  13                                         <div class="jp-play-bar"></div>
  14                                 </div>
  15                         </div>
  16                         <div class="jp-volume-controls">
  17                                 <button class="jp-mute" role="button" tabindex="0">mute</button>
  18                                 <button class="jp-volume-max" role="button" tabindex="0">max volume</button>
  19                                 <div class="jp-volume-bar">
  20                                         <div class="jp-volume-bar-value"></div>
  21                                 </div>
  22                         </div>
  23                         <div class="jp-time-holder">
  24                                 <div class="jp-current-time" role="timer" aria-label="time">&nbsp;</div>
  25                                 <div class="jp-duration" role="timer" aria-label="duration">&nbsp;</div>
  26                         </div>
  27                         <div class="jp-toggles">
  28                                 <button class="jp-repeat" role="button" tabindex="0">repeat</button>
  29                                 <button class="jp-shuffle" role="button" tabindex="0">shuffle</button>
  30                         </div>
  31                 </div>
  32                 <div class="jp-playlist">
  33                         <ul>
  34                                 <li>&nbsp;</li>
  35                         </ul>
  36                 </div>
  37                 <div class="jp-no-solution">
  38                         <span>Update Required</span>
  39                         To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
  40                 </div>
  41         </div>
  42 </div>