diff options
Diffstat (limited to 'docs/src')
| -rw-r--r-- | docs/src/templates/controls.html | 15 |
1 files changed, 8 insertions, 7 deletions
diff --git a/docs/src/templates/controls.html b/docs/src/templates/controls.html index 3970d143..8af5e144 100644 --- a/docs/src/templates/controls.html +++ b/docs/src/templates/controls.html @@ -9,7 +9,7 @@ </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"> @@ -37,8 +37,8 @@ <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> @@ -46,13 +46,14 @@ <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> |