diff options
Diffstat (limited to 'controls.md')
| -rw-r--r-- | controls.md | 15 |
1 files changed, 8 insertions, 7 deletions
diff --git a/controls.md b/controls.md index b747d377..be530d52 100644 --- a/controls.md +++ b/controls.md @@ -31,7 +31,7 @@ This is the default `html` option from `plyr.js`. "</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'>", @@ -59,19 +59,20 @@ This is the default `html` option from `plyr.js`. "<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 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>", |