@justinribeiro/lite-youtube - npm Package Compare versions

Comparing version 0.5.0 to 0.5.1

package.json

@@ -10,3 +10,3 @@ {
   "license": "MIT",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "main": "lite-youtube.js",
@@ -13,0 +13,0 @@ "module": "lite-youtube.js",

README.md

@@ -9,9 +9,10 @@ [![npm version](https://badge.fury.io/js/%40justinribeiro%2Flite-youtube.svg)](https://badge.fury.io/js/%40justinribeiro%2Flite-youtube)
 
-* No dependencies; it's just a vanilla web component.
-* It's fast yo.
-* It's Shadow Dom encapsulated!
-* It's responsive 16:9
-* It's accessible via keyboard and will set ARIA via the `videotitle` attribute
-* It's locale ready; you can set the `videoplay` to have a properly locale based label
-* You can set `autoload` to use Intersection Observer to load the iframe when scrolled into view.
+- No dependencies; it's just a vanilla web component.
+- It's fast yo.
+- It's Shadow Dom encapsulated!
+- It's responsive 16:9
+- It's accessible via keyboard and will set ARIA via the `videotitle` attribute
+- It's locale ready; you can set the `videoplay` to have a properly locale based label
+- You can set `autoload` to use Intersection Observer to load the iframe when scrolled into view.
+- Loads placeholder image as WebP with a Jpeg fallback
 
@@ -42,3 +43,3 @@ ## Install
 ```html
-<script type="module" src="https://cdn.jsdelivr.net/npm/@justinribeiro/lite-youtube@0.4.1/lite-youtube.js">
+<script type="module" src="https://cdn.jsdelivr.net/npm/@justinribeiro/lite-youtube@0.5.1/lite-youtube.js">
 ```
@@ -55,3 +56,6 @@
 ```html
-<lite-youtube videoid="guJLfqTFfIw" videotitle="This is a video title"></lite-youtube>
+<lite-youtube
+  videoid="guJLfqTFfIw"
+  videotitle="This is a video title"
+></lite-youtube>
 ```
@@ -63,5 +67,6 @@
 <lite-youtube
-   videoid="guJLfqTFfIw"
-   videoplay="Mirar"
-   videotitle="Mis hijos se burlan de mi español">
+  videoid="guJLfqTFfIw"
+  videoplay="Mirar"
+  videotitle="Mis hijos se burlan de mi español"
+>
 </lite-youtube>
@@ -91,6 +96,3 @@ ```
 ```html
-  <lite-youtube
-    videoid="guJLfqTFfIw"
-    autoload>
-   </lite-youtube>
+<lite-youtube videoid="guJLfqTFfIw" autoload> </lite-youtube>
 ```
@@ -103,7 +105,7 @@
 
- | Name | Description | Default |
- | --- | --- | --- |
- | `videoid` | The YouTube videoid | ` ` |
- | `videotitle` | The title of the video | `Video` |
- | `videoplay` | The title of the play button (for translation) | `Play` |
- | `autoload` | Use Intersection Observer to load iframe when scrolled into view | `false` |
+| Name         | Description                                                      | Default |
+| ------------ | ---------------------------------------------------------------- | ------- |
+| `videoid`    | The YouTube videoid                                              | ``      |
+| `videotitle` | The title of the video                                           | `Video` |
+| `videoplay`  | The title of the play button (for translation)                   | `Play`  |
+| `autoload`   | Use Intersection Observer to load iframe when scrolled into view | `false` |

No alert changes

Improved metrics

Total package byte prevSize

17089

increased by1.73%

Number of lines in readme file

106

increased by2.91%

No dependency changes