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"> </div> 25 <div class="jp-duration" role="timer" aria-label="duration"> </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> </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> 43