From 0694e586502f7ce85ce7858b67d515403b48c87e Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Thu, 25 Apr 2019 12:14:48 +1000 Subject: v3.5.4 --- readme.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'readme.md') diff --git a/readme.md b/readme.md index ec2d77eb..f342d2d5 100644 --- a/readme.md +++ b/readme.md @@ -123,13 +123,13 @@ See [initialising](#initialising) for more information on advanced setups. You can use our CDN (provided by [Fastly](https://www.fastly.com/)) for the JavaScript. There's 2 versions; one with and one without [polyfills](#polyfills). My recommendation would be to manage polyfills seperately as part of your application but to make life easier you can use the polyfilled build. ```html - + ``` ...or... ```html - + ``` ## CSS @@ -143,13 +143,13 @@ Include the `plyr.css` stylsheet into your `` If you want to use our CDN (provided by [Fastly](https://www.fastly.com/)) for the default CSS, you can use the following: ```html - + ``` ## SVG Sprite The SVG sprite is loaded automatically from our CDN (provided by [Fastly](https://www.fastly.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.5.3/plyr.svg`. +reference, the CDN hosted SVG sprite can be found at `https://cdn.plyr.io/3.5.4/plyr.svg`. # Ads -- cgit v1.2.3 From 80aa6ffe435b170466838f977d52438a95e22186 Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Tue, 30 Apr 2019 23:44:05 +1000 Subject: Linting changes --- readme.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) (limited to 'readme.md') diff --git a/readme.md b/readme.md index f342d2d5..61865c4d 100644 --- a/readme.md +++ b/readme.md @@ -123,13 +123,13 @@ See [initialising](#initialising) for more information on advanced setups. You can use our CDN (provided by [Fastly](https://www.fastly.com/)) for the JavaScript. There's 2 versions; one with and one without [polyfills](#polyfills). My recommendation would be to manage polyfills seperately as part of your application but to make life easier you can use the polyfilled build. ```html - + ``` ...or... ```html - + ``` ## CSS @@ -143,13 +143,13 @@ Include the `plyr.css` stylsheet into your `` If you want to use our CDN (provided by [Fastly](https://www.fastly.com/)) for the default CSS, you can use the following: ```html - + ``` ## SVG Sprite The SVG sprite is loaded automatically from our CDN (provided by [Fastly](https://www.fastly.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.5.4/plyr.svg`. +reference, the CDN hosted SVG sprite can be found at `https://cdn.plyr.io/3.5.3/plyr.svg`. # Ads @@ -212,7 +212,7 @@ _Note_: If a `NodeList`, `Array`, or jQuery object are passed, the first element #### Single player -Passing a [string selector](https://developer.mozilla.org/en-US/docs/Web/API/NodeList): +Passing a CSS string selector that's compatible with [`querySelector`](https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector): ```javascript const player = new Plyr('#player'); @@ -238,7 +238,7 @@ You have two choices here. You can either use a simple array loop to map the con const players = Array.from(document.querySelectorAll('.js-player')).map(p => new Plyr(p)); ``` -...or use a static method where you can pass a [string selector](https://developer.mozilla.org/en-US/docs/Web/API/NodeList), a [NodeList](https://developer.mozilla.org/en-US/docs/Web/API/NodeList), an [Array](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array) of elements, or a [JQuery](https://jquery.com) object: +...or use a static method where you can pass a string selector that's compatible with [`querySelector`](https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector), a [NodeList](https://developer.mozilla.org/en-US/docs/Web/API/NodeList), 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), or a [JQuery](https://jquery.com) object: ```javascript const players = Plyr.setup('.js-player'); -- cgit v1.2.3 From 99c95363b493b0432c7a9d7929e9b85b860975b2 Mon Sep 17 00:00:00 2001 From: Jason Cooke Date: Sat, 1 Jun 2019 11:13:44 +1200 Subject: docs: fix typo --- readme.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'readme.md') diff --git a/readme.md b/readme.md index 61865c4d..edf28357 100644 --- a/readme.md +++ b/readme.md @@ -655,7 +655,7 @@ The arguments are: - Provider (`html5`, `youtube` or `vimeo`) - Whether the player has the `playsinline` attribute (only applicable to iOS 10+) -## Disable support programatically +## Disable support programmatically The `enabled` option can be used to disable certain User Agents. For example, if you don't want to use Plyr for smartphones, you could use: -- cgit v1.2.3 From 2e40b91ec1aabf33e945cba66fbcdd9b7aa53ba7 Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Thu, 20 Jun 2019 23:50:46 +1000 Subject: Styling tweaks for demo --- readme.md | 26 +++++++++++++++++--------- 1 file changed, 17 insertions(+), 9 deletions(-) (limited to 'readme.md') diff --git a/readme.md b/readme.md index f342d2d5..d9f93d39 100644 --- a/readme.md +++ b/readme.md @@ -6,13 +6,12 @@ Plyr is a simple, lightweight, accessible and customizable HTML5, YouTube and Vi # Features +- 📼 **HTML Video & Audio, YouTube & Vimeo** - support for the major formats - 💪 **Accessible** - full support for VTT captions and screen readers - 🔧 **[Customisable](#html)** - make the player look how you want with the markup you want -- 😎 **Good HTML** - uses the _right_ elements. `` for volume and `` for progress and well, `