diff options
| author | Sam Potts <me@sampotts.me> | 2015-03-05 20:08:26 +1100 |
|---|---|---|
| committer | Sam Potts <me@sampotts.me> | 2015-03-05 20:08:26 +1100 |
| commit | 3684024a58bed9714182c32580f8bfb6d75ad6d2 (patch) | |
| tree | 0becec5796082b639c0295f609b5f7338373fd80 /docs/src/templates | |
| parent | 9644833d262bac0bdc719a28fd091ab45c84b445 (diff) | |
| parent | 93e3f7cdd9f0e52b8c5d293c9caa6eaaadfb2718 (diff) | |
| download | plyr-3684024a58bed9714182c32580f8bfb6d75ad6d2.tar.lz plyr-3684024a58bed9714182c32580f8bfb6d75ad6d2.tar.xz plyr-3684024a58bed9714182c32580f8bfb6d75ad6d2.zip | |
Merge branch 'develop' of github.com:selz/plyr into develop
Conflicts:
.gitignore
Diffstat (limited to 'docs/src/templates')
| -rw-r--r-- | docs/src/templates/controls.html | 23 |
1 files changed, 13 insertions, 10 deletions
diff --git a/docs/src/templates/controls.html b/docs/src/templates/controls.html index 3970d143..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> @@ -9,12 +11,12 @@ </div> <span class="player-controls-playback"> <button type="button" data-player="restart"> - <svg><use xlink:href="#icon-refresh"></use></svg> + <svg><use xlink:href="#icon-restart"></use></svg> <span class="sr-only">Restart</span> </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> @@ -37,22 +39,23 @@ <input class="inverted sr-only" id="mute{id}" type="checkbox" data-player="mute"> <label id="mute{id}" for="mute{id}"> <svg class="icon-muted"><use xlink:href="#icon-muted"></use></svg> - <svg><use xlink:href="#icon-sound"></use></svg> - <span class="sr-only">Mute</span> + <svg><use xlink:href="#icon-volume"></use></svg> + <span class="sr-only">Toggle Mute</span> </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}"> - <svg><use xlink:href="#icon-bubble"></use></svg> - <span class="sr-only">Captions</span> + <svg class="icon-captions-on"><use xlink:href="#icon-captions-on"></use></svg> + <svg><use xlink:href="#icon-captions-off"></use></svg> + <span class="sr-only">Toggle Captions</span> </label> <button type="button" data-player="fullscreen"> - <svg class="icon-exit-fullscreen"><use xlink:href="#icon-collapse"></use></svg> - <svg><use xlink:href="#icon-expand"></use></svg> + <svg class="icon-exit-fullscreen"><use xlink:href="#icon-exit-fullscreen"></use></svg> + <svg><use xlink:href="#icon-enter-fullscreen"></use></svg> <span class="sr-only">Toggle fullscreen</span> </button> </span> |