aboutsummaryrefslogtreecommitdiffstats
path: root/demo/src/js/demo.js
Commit message (Collapse)AuthorAgeFilesLines
* This is a PR to allow for contextual content to be included in fullscreen ↵Som Meaden2020-04-041-0/+6
| | | | | | | | | | | | | | | | | | (or fallback) mode. This means arbitrary elements (extensions to the basic player UI) can be overlaid and remain visible when the player switches to fullscreen. Example use-cases include: - display of video title or other metadata (see the included demo) - alternative access to menu items, such as a searchable captions list (in cases where many hundreds of languages are available) - custom share dialogs - integrated playlists with 'playing next' overlays This approach / PR is just an example of how this feature could work and aims to keep Plyr complexity to a minimum (while enabling some fairly interesting integrations). It utilises a single config option, and does away with the need for injecting bespoke APIs or elements into the player context on a per-project basis. Or trying to mess with what is a pretty slick, but tightly coupled system. For the user: A new `fullscreen.container` attribute is used to provide a container selector. The container must be an ancestor of the player, otherwise it's ignored. When toggling fullscreen mode, this container is now used in place of the player. Hovering over any children of the container is the same as hovering over the controls. The exception is where the player and the child share a common ancestor (that's not the fullscreen container) ... sounds complex but it's not. You can also gain pretty fine control this way with pointer events. Under the hood: it adds a `utils/elements/closest` helper method to find the right ancestor. If found this is returned as the fullscreen target in place of the player container. Fullscreen is instantiated slightly earlier in the setup so this container is available for the `listeners.controls` call. In here we add some more 'mouseenter/mouseleave' listeners to any direct descendants of the container, that aren't also ancestors of the player. And that's it. No extra classes, nothing else. There are some style changes to the demo (top margin on the player) but these would be project specific. Thanks for reading.
* Removed redundant keys propertySam Potts2020-02-121-4/+1
|
* Set referrerPolicy in the demoSam Potts2020-02-101-0/+4
|
* Demo clean upSam Potts2019-06-021-189/+54
|
* Fixed cite displaySam Potts2019-06-021-2/+4
|
* Packages for demo separatedSam Potts2019-06-021-3/+7
|
* Linting changesSam Potts2019-06-011-0/+1
|
* Update build processSam Potts2019-02-191-10/+3
|
* Added RangeTouch, updated Shr lib in demoSam Potts2019-02-191-2/+2
|
* Ads bug fixesSam Potts2019-02-011-2/+9
|
* PathsSam Potts2019-01-271-1/+1
|
* Added ES buildsSam Potts2019-01-271-0/+1
|
* TweaksSam Potts2019-01-261-3/+0
|
* Merge branch 'develop' into issues/1316-allow-to-customize-vimeo-url-paramsSam Potts2019-01-261-23/+0
|\
| * Merge branch 'master' into developSam Potts2019-01-261-23/+0
| |\ | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | # Conflicts: # changelog.md # demo/dist/demo.js.map # demo/dist/demo.min.js # demo/dist/demo.min.js.map # demo/index.html # dist/plyr.js.map # dist/plyr.min.js # dist/plyr.min.js.map # dist/plyr.polyfilled.js # dist/plyr.polyfilled.js.map # dist/plyr.polyfilled.min.js # dist/plyr.polyfilled.min.js.map # package.json # readme.md # yarn.lock
| | * Fix analyticsSam Potts2019-01-171-9/+0
| | |
| | * Fix GASam Potts2019-01-171-3/+1
| | |
| | * v3.4.8Sam Potts2019-01-171-18/+6
| | | | | | | | | | | | - Calling customized controls function with proper arguments (thanks @a60814billy)
| * | Clean upSam Potts2019-01-261-3/+1
| | |
| * | Plugin tweaks for ads and previewsSam Potts2019-01-261-1/+3
| | |
* | | Adds options for vimeo plugin #1316Christian Gambardella2019-01-241-0/+3
|/ / | | | | | | This adds replaces hard coded vimeo options with options that can be passed to the Plyr instance when initializing.
* / Enable thumbs in demoSam Potts2019-01-081-0/+7
|/
* Fix IE11 issue in demoSam Potts2018-08-131-2/+3
|
* Ads on dev or prod onlySam Potts2018-08-011-61/+14
|
* Demo configSam Potts2018-08-011-2/+1
|
* LintingSam Potts2018-08-011-49/+20
|
* Click to play fix, poster fix, iOS controls fixesSam Potts2018-07-301-3/+4
|
* Keyboard and focus improvementsSam Potts2018-07-151-22/+63
|
* Linting, housekeeping, duration fix (fixes #1074)Sam Potts2018-06-291-0/+1
|
* v3.3.14Sam Potts2018-06-181-9/+17
|
* Restore defaultSam Potts2018-06-091-1/+1
|
* Fix Sprite issueSam Potts2018-06-091-1/+1
|
* Use div for poster, Vimeo fixes, Tooltip fixesSam Potts2018-05-081-0/+33
|
* ARIA and Vimeo fixesSam Potts2018-04-181-1/+0
|
* More bug fixesSam Potts2018-04-171-2/+1
|
* Fix for `playing` false positive (fixes #898)Sam Potts2018-04-171-0/+1
|
* Styling fixesSam Potts2018-04-031-1/+1
|
* HTML5 quality selectionSam Potts2018-04-021-4/+22
|
* Controls docs, package upgradesSam Potts2018-03-301-0/+1
|
* Fix regressionSam Potts2018-03-291-4/+1
|
* Bug fixesSam Potts2018-03-281-1/+1
|
* v3.0.6Sam Potts2018-03-281-1/+4
|
* Fix for seeking issueSam Potts2018-03-271-1/+1
|
* Fixes for fast forward and issues with event.preventDefault()Sam Potts2018-03-271-0/+16
|
* Sentry in live onlySam Potts2018-03-181-215/+217
|
* Added SentrySam Potts2018-03-181-192/+204
|
* Added buffered getterSam Potts2018-03-171-0/+1
|
* Update adsSam Potts2018-03-131-1/+0
|
* Event listener fixes, loadScript promise, ads tweaksSam Potts2018-03-111-0/+1
|
* Manually merged PRsSam Potts2018-03-101-2/+2
|
generated by cgit v1.2.3 (git 2.25.1) at 2025-06-29 18:59:49 +0000