From 5978810b7f11539fc1b891e3029aa65e10f0d7ef Mon Sep 17 00:00:00 2001
From: Sam Potts <sam@selz.com>
Date: Thu, 21 Jan 2016 09:48:46 +1100
Subject: [PATCH] Update controls.md

---
 controls.md | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/controls.md b/controls.md
index 87671477..0a51f3f1 100644
--- a/controls.md
+++ b/controls.md
@@ -46,7 +46,7 @@ You can include only the controls you need when specifying custom html.
 This is an example `html` option with all controls.
 
 ```javascript
-["<div class='plyr__controls'>",
+var controls = ["<div class='plyr__controls'>",
     "<div class='plyr__progress'>",
         "<label for='seek{id}' class='plyr__sr-only'>Seek</label>",
         "<input id='seek{id}' class='plyr__progress--seek' type='range' min='0' max='100' step='0.5' value='0' data-plyr='seek'>",
@@ -107,4 +107,9 @@ This is an example `html` option with all controls.
         "</button>",
     "</span>",
 "</div>"].join("\n");
+
+// Setup the player
+plyr.setup('.js-player', {
+    html: controls,
+});
 ```