aboutsummaryrefslogtreecommitdiffstats
path: root/docs/src
diff options
context:
space:
mode:
Diffstat (limited to 'docs/src')
-rw-r--r--docs/src/templates/controls.html15
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>