aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--controls.md7
1 files changed, 6 insertions, 1 deletions
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,
+});
```