From 93e3f7cdd9f0e52b8c5d293c9caa6eaaadfb2718 Mon Sep 17 00:00:00 2001
From: Sam Potts <me@sampotts.me>
Date: Thu, 5 Mar 2015 00:41:42 +1100
Subject: WIP on better seeking

---
 docs/src/templates/controls.html | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

(limited to 'docs/src')

diff --git a/docs/src/templates/controls.html b/docs/src/templates/controls.html
index 8af5e144..afe8091b 100644
--- a/docs/src/templates/controls.html
+++ b/docs/src/templates/controls.html
@@ -1,5 +1,7 @@
 <div class="player-controls">
 	<div class="player-progress">
+		<label for="seek{id}" class="sr-only">Seek</label>
+		<input id="seek{id}" class="player-progress-seek" type="range" min="0" max="100" step="0.5" value="0" data-player="seek">
 		<progress class="player-progress-played" max="100" value="0">
 			<span>0</span>% played
 		</progress>
@@ -14,7 +16,7 @@
 		</button>
 		<button type="button" data-player="rewind">
 			<svg><use xlink:href="#icon-rewind"></use></svg>
-			<span class="sr-only">Rewind <span class="player-seek-time">{seektime}</span> seconds</span>
+			<span class="sr-only">Rewind {seektime} seconds</span>
 		</button>
 		<button type="button" data-player="play">
 			<svg><use xlink:href="#icon-play"></use></svg>
@@ -26,7 +28,7 @@
 		</button>
 		<button type="button" data-player="fast-forward">
 			<svg><use xlink:href="#icon-fast-forward"></use></svg>
-			<span class="sr-only">Fast forward <span class="player-seek-time">{seektime}</span> seconds</span>
+			<span class="sr-only">Fast forward {seektime} seconds</span>
 		</button>
 		<span class="player-time">
 			<span class="sr-only">Time</span>
@@ -42,7 +44,7 @@
 		</label>
 
 		<label for="volume{id}" class="sr-only">Volume</label>
-		<input id="volume{id}" class="player-volume" type="range" min="0" max="10" value="5" data-player="volume">
+		<input id="volume{id}" class="player-volume" type="range" min="0" max="10" step="0.5" value="0" data-player="volume">
 
 		<input class="sr-only" id="captions{id}" type="checkbox" data-player="captions">
 		<label for="captions{id}">
-- 
cgit v1.2.3