use jplayer
[radio.git] / html / skin / pink.flag / mustache / jplayer.pink.flag.video.playlist.html
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">&nbsp;</div>
15                                 <div class="jp-duration" role="timer" aria-label="duration">&nbsp;</div>
16                                 <div class="jp-details">
17                                         <div class="jp-title" aria-label="title">&nbsp;</div>
18                                 </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>
25                                                 </div>
26                                         </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>
32                                         </div>
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>
37                                         </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>