diff options
| author | Sam Potts <sam@selz.com> | 2016-01-21 09:48:46 +1100 |
|---|---|---|
| committer | Sam Potts <sam@selz.com> | 2016-01-21 09:48:46 +1100 |
| commit | 5978810b7f11539fc1b891e3029aa65e10f0d7ef (patch) | |
| tree | 34f17271b9eff353668197d5f3213ebcf8e9ac6b /controls.md | |
| parent | 6c251794c8f5f9f5f6e44068ab6a0e6221a354f3 (diff) | |
| download | plyr-5978810b7f11539fc1b891e3029aa65e10f0d7ef.tar.lz plyr-5978810b7f11539fc1b891e3029aa65e10f0d7ef.tar.xz plyr-5978810b7f11539fc1b891e3029aa65e10f0d7ef.zip | |
Update controls.md
Diffstat (limited to 'controls.md')
| -rw-r--r-- | controls.md | 7 |
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, +}); ``` |