diff --git a/CHANGELOG.md b/CHANGELOG.md index 6e9459b64..5d57dbdd6 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,9 @@ +### v3.7.7 + +- Fix (Accessibility): Don’t set tabindex on parent container +- Fix (Accessibility): Add `role="timer"` to time elements +- Fix (Accessibility): Leverage native `:focus-visible` in CSS, instead of a custom solution (🚨 Requires a SCSS/CSS update 🚨) + ### v3.7.6 - Fix: Revert postinstall script diff --git a/README.md b/README.md index 203499c12..0193ad905 100644 --- a/README.md +++ b/README.md @@ -137,13 +137,13 @@ See [initialising](#initializing) for more information on advanced setups. You can use our CDN (provided by [Cloudflare](https://www.cloudflare.com/)) for the JavaScript. There's 2 versions; one with and one without [polyfills](#polyfills). My recommendation would be to manage polyfills separately as part of your application but to make life easier you can use the polyfilled build. ```html - + ``` ...or... ```html - + ``` ## CSS @@ -157,13 +157,13 @@ Include the `plyr.css` stylesheet into your ``. If you want to use our CDN (provided by [Cloudflare](https://www.cloudflare.com/)) for the default CSS, you can use the following: ```html - + ``` ## SVG Sprite The SVG sprite is loaded automatically from our CDN (provided by [Cloudflare](https://www.cloudflare.com/)). To change this, see the [options](#options) below. For -reference, the CDN hosted SVG sprite can be found at `https://cdn.plyr.io/3.7.6/plyr.svg`. +reference, the CDN hosted SVG sprite can be found at `https://cdn.plyr.io/3.7.7/plyr.svg`. ### Self hosting diff --git a/package.json b/package.json index 5199ff043..3d3f2ac93 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "plyr", - "version": "3.7.6", + "version": "3.7.7", "description": "A simple, accessible and customizable HTML5, YouTube and Vimeo media player", "homepage": "https://plyr.io", "author": "Sam Potts ", diff --git a/src/js/config/defaults.js b/src/js/config/defaults.js index b464421d5..1696412ee 100644 --- a/src/js/config/defaults.js +++ b/src/js/config/defaults.js @@ -60,7 +60,7 @@ const defaults = { // Sprite (for icons) loadSprite: true, iconPrefix: 'plyr', - iconUrl: 'https://cdn.plyr.io/3.7.6/plyr.svg', + iconUrl: 'https://cdn.plyr.io/3.7.7/plyr.svg', // Blank video (used to prevent errors on source change) blankVideo: 'https://cdn.plyr.io/static/blank.mp4', diff --git a/src/js/plyr.js b/src/js/plyr.js index 9bf6d78a3..8c972e9d4 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -1,6 +1,6 @@ // ========================================================================== // Plyr -// plyr.js v3.7.6 +// plyr.js v3.7.7 // https://github.com/sampotts/plyr // License: The MIT License (MIT) // ========================================================================== diff --git a/src/js/plyr.polyfilled.js b/src/js/plyr.polyfilled.js index b66ed628d..9c154e9f5 100644 --- a/src/js/plyr.polyfilled.js +++ b/src/js/plyr.polyfilled.js @@ -1,6 +1,6 @@ // ========================================================================== // Plyr Polyfilled Build -// plyr.js v3.7.6 +// plyr.js v3.7.7 // https://github.com/sampotts/plyr // License: The MIT License (MIT) // ==========================================================================