aboutsummaryrefslogtreecommitdiffstats
path: root/src/js/plyr.js
Commit message (Collapse)AuthorAgeFilesLines
* This is a PR to allow for contextual content to be included in fullscreen ↵Som Meaden2020-04-041-3/+4
| | | | | | | | | | | | | | | | | | (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.
* silence all internal play promisesydylla2020-03-231-2/+3
|
* v3.5.10Sam Potts2020-02-141-1/+1
|
* v3.5.9 deployedSam Potts2020-02-141-1/+1
|
* v3.5.8 deployedSam Potts2020-02-101-1/+1
|
* 3.5.7Sam Potts2020-02-091-1/+1
|
* Deployed 3.5.7-beta.0Sam Potts2020-01-301-1/+1
|
* Fix linting issuesSam Potts2020-01-131-3/+3
|
* Merge pull request #1516 from azizhk/toggle_return_promsieSam Potts2020-01-131-3/+3
|\ | | | | Toggle also returns promise
| * Toggle also returns promiseAziz Khambati2019-07-301-3/+3
| |
* | Added local server, package upgradesSam Potts2020-01-131-2/+2
|/
* 3.5.6Sam Potts2019-06-211-1/+1
|
* v3.5.5 deployedSam Potts2019-06-211-1/+1
|
* File rename and clean upSam Potts2019-06-211-2/+2
|
* Merge branch 'master' into developSam Potts2019-06-201-1/+1
|\ | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | # Conflicts: # .eslintrc # demo/dist/demo.css # demo/dist/demo.js # demo/dist/demo.min.js # demo/dist/demo.min.js.map # dist/plyr.css # dist/plyr.js # dist/plyr.min.js # dist/plyr.min.js.map # dist/plyr.min.mjs # dist/plyr.min.mjs.map # dist/plyr.mjs # dist/plyr.polyfilled.js # dist/plyr.polyfilled.min.js # dist/plyr.polyfilled.min.js.map # dist/plyr.polyfilled.min.mjs # dist/plyr.polyfilled.min.mjs.map # dist/plyr.polyfilled.mjs # package.json # readme.md # src/js/listeners.js # yarn.lock
| * Linting changesSam Potts2019-04-301-4/+0
| |
| * v3.5.4Sam Potts2019-04-251-1/+1
| |
* | Linting changesSam Potts2019-06-011-10/+6
|/
* Ratio improvementsSam Potts2019-04-251-0/+4
|
* Increase speed limitsSam Potts2019-04-151-12/+40
|
* Fix setting initial speed (fixes #1408)Sam Potts2019-04-121-1/+3
|
* Merge branch 'master' into developSam Potts2019-04-121-1/+1
|\
| * 3.5.3Sam Potts2019-04-121-1/+1
| |
* | Set download URL via setterSam Potts2019-04-121-0/+13
|/
* Aspect ratio improvements (fixes #1042, fixes #1366)Sam Potts2019-04-121-0/+29
|
* Autoplay tweak for HTML5Sam Potts2019-04-121-2/+2
|
* fix: Properly clear all timeouts on destroyJimmy Jia2019-04-011-3/+5
|
* Fixed issue where the preview thumbnail was present while scrubbingSam Potts2019-02-241-1/+1
|
* v3.5.1Sam Potts2019-02-231-1/+1
|
* Merge branch 'master' into developSam Potts2019-02-231-1/+1
|\ | | | | | | | | # Conflicts: # gulpfile.js
| * Deployed v3.5.0Sam Potts2019-02-191-1/+1
| |
| * Fix linksSam Potts2019-02-191-1/+1
| |
* | Jsdoc updatesSam Potts2019-02-231-33/+33
|/
* Fix deploymentSam Potts2019-02-121-1/+1
|
* Ads bug fixesSam Potts2019-02-011-1/+6
|
* TweaksSam Potts2019-01-261-1/+1
|
* Merge branch 'master' into developSam Potts2019-01-261-1/+1
|\ | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | # 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
| * v3.4.8Sam Potts2019-01-171-1/+1
| | | | | | | | - Calling customized controls function with proper arguments (thanks @a60814billy)
* | Fullscreen fixesSam Potts2019-01-141-1/+1
| |
* | Merge pull request #1253 from jamesoflol/preview-thumbsSam Potts2018-12-151-0/+6
|\ \ | |/ |/| Preview seek/scrubbing thumbnails
| * Preview seek/scrubbing thumbnailsJames2018-11-121-0/+6
| |
* | v3.4.7Sam Potts2018-11-081-1/+1
|/ | | | - Fix for Vimeo fullscreen with non native aspect ratios (fixes #854)
* v3.4.6Sam Potts2018-10-251-1/+1
| | | | | - Added picture-in-picture support for Chrome 70+ - Fixed issue with versioning the SVG sprite in the gulp build script
* Added support for picture-in-picture in ChromeSam Potts2018-10-251-8/+22
|
* Merge branch 'master' into developSam Potts2018-10-251-1/+1
|\
| * v3.4.5Sam Potts2018-10-241-1/+1
| |
* | Revert PR #1211Sam Potts2018-10-241-10/+1
| |
* | Merge branch 'develop' into fix-html5-quality-settingsSam Potts2018-10-241-0/+21
|\ \
| * \ Merge pull request #1211 from melbahja/developSam Potts2018-10-241-0/+9
| |\ \ | | |/ | |/| duration after changing video quality
| | * Update plyr.jsMohamed Elbahja2018-10-131-5/+4
| | |
generated by cgit v1.2.3 (git 2.25.1) at 2025-08-17 04:40:23 +0000