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

---
 controls.md | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

(limited to 'controls.md')

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