1<div id="{{WRAPPER}}" class="jp-video " role="application" aria-label="media player"> 2 <div class="jp-type-playlist"> 3 <div id="{{JPLAYER}}" class="jp-jplayer"></div> 4 <div class="jp-gui"> 5 <div class="jp-video-play"> 6 <button class="jp-video-play-icon" role="button" tabindex="0">play</button> 7 </div> 8 <div class="jp-interface"> 9 <div class="jp-progress"> 10 <div class="jp-seek-bar"> 11 <div class="jp-play-bar"></div> 12 </div> 13 </div> 14 <div class="jp-current-time" role="timer" aria-label="time"> </div> 15 <div class="jp-duration" role="timer" aria-label="duration"> </div> 16 <div class="jp-controls-holder"> 17 <div class="jp-controls"> 18 <button class="jp-previous" role="button" tabindex="0">previous</button> 19 <button class="jp-play" role="button" tabindex="0">play</button> 20 <button class="jp-next" role="button" tabindex="0">next</button> 21 <button class="jp-stop" role="button" tabindex="0">stop</button> 22 </div> 23 <div class="jp-volume-controls"> 24 <button class="jp-mute" role="button" tabindex="0">mute</button> 25 <button class="jp-volume-max" role="button" tabindex="0">max volume</button> 26 <div class="jp-volume-bar"> 27 <div class="jp-volume-bar-value"></div> 28 </div> 29 </div> 30 <div class="jp-toggles"> 31 <button class="jp-repeat" role="button" tabindex="0">repeat</button> 32 <button class="jp-shuffle" role="button" tabindex="0">shuffle</button> 33 <button class="jp-full-screen" role="button" tabindex="0">full screen</button> 34 </div> 35 </div> 36 <div class="jp-details"> 37 <div class="jp-title" aria-label="title"> </div> 38 </div> 39 </div> 40 </div> 41 <div class="jp-playlist"> 42 <ul> 43 <!-- The method Playlist.displayPlaylist() uses this unordered list --> 44 <li> </li> 45 </ul> 46 </div> 47 <div class="jp-no-solution"> 48 <span>Update Required</span> 49 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>. 50 </div> 51 </div> 52</div> 53