diff options
| author | Sam Potts <me@sampotts.me> | 2015-03-04 21:28:25 +1100 |
|---|---|---|
| committer | Sam Potts <me@sampotts.me> | 2015-03-04 21:28:25 +1100 |
| commit | 3459387f0437913d462377904971bfc65362dfdc (patch) | |
| tree | 82eb4ccccb4df2dce8092dc15b501585c36913f5 /src/js | |
| parent | 4d483bf66c8985ce21b22107653ae0b1a65636c3 (diff) | |
| download | plyr-3459387f0437913d462377904971bfc65362dfdc.tar.lz plyr-3459387f0437913d462377904971bfc65362dfdc.tar.xz plyr-3459387f0437913d462377904971bfc65362dfdc.zip | |
Updated icons to make them more obvious
Diffstat (limited to 'src/js')
| -rw-r--r-- | src/js/plyr.js | 15 |
1 files changed, 8 insertions, 7 deletions
diff --git a/src/js/plyr.js b/src/js/plyr.js index e8d852e8..f91985ae 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -81,7 +81,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'>", @@ -109,19 +109,20 @@ "<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>", |