diff options
| author | Sam Potts <me@sampotts.me> | 2015-03-05 00:41:42 +1100 |
|---|---|---|
| committer | Sam Potts <me@sampotts.me> | 2015-03-05 00:41:42 +1100 |
| commit | 93e3f7cdd9f0e52b8c5d293c9caa6eaaadfb2718 (patch) | |
| tree | 79de2c1b793d60cb522948dd8f1bbb6b9d84e7db /docs/src | |
| parent | 617ae146c1487df481fc7a1ff54049958fb81b4b (diff) | |
| download | plyr-93e3f7cdd9f0e52b8c5d293c9caa6eaaadfb2718.tar.lz plyr-93e3f7cdd9f0e52b8c5d293c9caa6eaaadfb2718.tar.xz plyr-93e3f7cdd9f0e52b8c5d293c9caa6eaaadfb2718.zip | |
WIP on better seeking
Diffstat (limited to 'docs/src')
| -rw-r--r-- | docs/src/templates/controls.html | 8 |
1 files changed, 5 insertions, 3 deletions
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}"> |