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>
5 <div class="jp-video-play">
6 <button class="jp-video-play-icon" role="button" tabindex="0">play</button>
8 <div class="jp-interface">
9 <div class="jp-progress">
10 <div class="jp-seek-bar">
11 <div class="jp-play-bar"></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-details">
17 <div class="jp-title" aria-label="title"> </div>
19 <div class="jp-controls-holder">
20 <div class="jp-volume-controls">
21 <button class="jp-mute" role="button" tabindex="0">mute</button>
22 <button class="jp-volume-max" role="button" tabindex="0">max volume</button>
23 <div class="jp-volume-bar">
24 <div class="jp-volume-bar-value"></div>
27 <div class="jp-controls">
28 <button class="jp-previous" role="button" tabindex="0">previous</button>
29 <button class="jp-play" role="button" tabindex="0">play</button>
30 <button class="jp-stop" role="button" tabindex="0">stop</button>
31 <button class="jp-next" role="button" tabindex="0">next</button>
33 <div class="jp-toggles">
34 <button class="jp-repeat" role="button" tabindex="0">repeat</button>
35 <button class="jp-shuffle" role="button" tabindex="0">shuffle</button>
36 <button class="jp-full-screen" role="button" tabindex="0">full screen</button>
41 <div class="jp-playlist">
43 <!-- The method Playlist.displayPlaylist() uses this unordered list -->
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>.