use jplayer

[radio.git] / html / skin / pink.flag / mustache / jplayer.pink.flag.video.single.html

diff --git a/html/skin/pink.flag/mustache/jplayer.pink.flag.video.single.html b/html/skin/pink.flag/mustache/jplayer.pink.flag.video.single.html
new file mode 100644 (file)
index 0000000..519c147
--- /dev/null
+++ b/html/skin/pink.flag/mustache/jplayer.pink.flag.video.single.html
@@ -0,0 +1,43 @@
+<div id="{{WRAPPER}}" class="jp-video " role="application" aria-label="media player">
+       <div class="jp-type-single">
+               <div id="{{JPLAYER}}" class="jp-jplayer"></div>
+               <div class="jp-gui">
+                       <div class="jp-video-play">
+                               <button class="jp-video-play-icon" role="button" tabindex="0">play</button>
+                       </div>
+                       <div class="jp-interface">
+                               <div class="jp-progress">
+                                       <div class="jp-seek-bar">
+                                               <div class="jp-play-bar"></div>
+                                       </div>
+                               </div>
+                               <div class="jp-current-time" role="timer" aria-label="time">&nbsp;</div>
+                               <div class="jp-duration" role="timer" aria-label="duration">&nbsp;</div>
+                               <div class="jp-details">
+                                       <div class="jp-title" aria-label="title">&nbsp;</div>
+                               </div>
+                               <div class="jp-controls-holder">
+                                       <div class="jp-volume-controls">
+                                               <button class="jp-mute" role="button" tabindex="0">mute</button>
+                                               <button class="jp-volume-max" role="button" tabindex="0">max volume</button>
+                                               <div class="jp-volume-bar">
+                                                       <div class="jp-volume-bar-value"></div>
+                                               </div>
+                                       </div>
+                                       <div class="jp-controls">
+                                               <button class="jp-play" role="button" tabindex="0">play</button>
+                                               <button class="jp-stop" role="button" tabindex="0">stop</button>
+                                       </div>
+                                       <div class="jp-toggles">
+                                               <button class="jp-repeat" role="button" tabindex="0">repeat</button>
+                                               <button class="jp-full-screen" role="button" tabindex="0">full screen</button>
+                                       </div>
+                               </div>
+                       </div>
+               </div>
+               <div class="jp-no-solution">
+                       <span>Update Required</span>
+                       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>.
+               </div>
+       </div>
+</div>