diff options
author | Tobias Reich <tobias.reich.ich@gmail.com> | 2016-07-24 20:52:20 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2016-07-24 20:52:20 +0200 |
commit | dc40b1f93a7cb400d9ee07351e0d4c532e8050a6 (patch) | |
tree | 00b57bc13e37700692e37a6911e7050e9b21a414 | |
parent | d7cc29f2fbc046f8b78a558df9c5504f8e608326 (diff) | |
download | plyr-dc40b1f93a7cb400d9ee07351e0d4c532e8050a6.tar.lz plyr-dc40b1f93a7cb400d9ee07351e0d4c532e8050a6.tar.xz plyr-dc40b1f93a7cb400d9ee07351e0d4c532e8050a6.zip |
Added Array as selector in .setup() to readme
Documentation for #319
-rw-r--r-- | readme.md | 10 |
1 files changed, 9 insertions, 1 deletions
@@ -172,7 +172,7 @@ WebVTT captions are supported. To add a caption track, check the HTML example ab #### Initialising -By default, Plyr looks for all `<video>`, `<audio>` and `[data-type]` elements with the document and initialises on any found. You can specify other options, including a different NodeList, HTMLElement or string selector as below: +By default, Plyr looks for all `<video>`, `<audio>` and `[data-type]` elements with the document and initialises on any found. You can specify other options, including a different NodeList, HTMLElement, Array of HTMLElements or string selector as below: Passing a [NodeList](https://developer.mozilla.org/en-US/docs/Web/API/NodeList): ```javascript @@ -184,6 +184,14 @@ Passing a [HTMLElement](https://developer.mozilla.org/en/docs/Web/API/HTMLElemen plyr.setup(document.querySelector('.js-player'), options); ``` +Passing an [Array](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array) of [HTMLElement](https://developer.mozilla.org/en/docs/Web/API/HTMLElement)s: +```javascript +plyr.setup([ + document.querySelector('.js-player'), + document.querySelector('.another-js-player') +], options); +``` + Passing a [string selector](https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll): ```javascript plyr.setup('.js-player', options); |