From 3459387f0437913d462377904971bfc65362dfdc Mon Sep 17 00:00:00 2001
From: Sam Potts <me@sampotts.me>
Date: Wed, 4 Mar 2015 21:28:25 +1100
Subject: Updated icons to make them more obvious

---
 src/js/plyr.js | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

(limited to 'src/js')

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>",
-- 
cgit v1.2.3