diff --git a/README.md b/README.md
index a910070..a02cd41 100644
--- a/README.md
+++ b/README.md
@@ -211,6 +211,15 @@ Create _a broken_ picture element structure.
When _lozad_ loads this picture element, it will fix it.
+## Example with video
+
+```html
+
+
+
+
+```
+
## Example with iframe
```html
diff --git a/demo/images/backgrounds/video-poster.jpeg b/demo/images/backgrounds/video-poster.jpeg
new file mode 100644
index 0000000..ed644a3
Binary files /dev/null and b/demo/images/backgrounds/video-poster.jpeg differ
diff --git a/demo/index.html b/demo/index.html
index 9528454..cdf4d61 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -258,7 +258,7 @@
<video> example
-
+
diff --git a/dist/lozad.es.js b/dist/lozad.es.js
index faf3bb0..37a7c07 100644
--- a/dist/lozad.es.js
+++ b/dist/lozad.es.js
@@ -1,4 +1,4 @@
-/*! lozad.js - v1.14.0 - 2019-10-19
+/*! lozad.js - v1.14.0 - 2019-10-30
* https://github.com/ApoorvSaxena/lozad.js
* Copyright (c) 2019 Apoorv Saxena; Licensed MIT */
@@ -42,6 +42,10 @@ const defaultConfig = {
}
}
+ if (element.getAttribute('data-poster')){
+ element.poster = element.getAttribute('data-poster');
+ }
+
if (element.getAttribute('data-src')) {
element.src = element.getAttribute('data-src');
}
diff --git a/dist/lozad.js b/dist/lozad.js
index c50a809..21ea106 100644
--- a/dist/lozad.js
+++ b/dist/lozad.js
@@ -1,4 +1,4 @@
-/*! lozad.js - v1.14.0 - 2019-10-19
+/*! lozad.js - v1.14.0 - 2019-10-30
* https://github.com/ApoorvSaxena/lozad.js
* Copyright (c) 2019 Apoorv Saxena; Licensed MIT */
@@ -48,6 +48,10 @@
}
}
+ if (element.getAttribute('data-poster')) {
+ element.poster = element.getAttribute('data-poster');
+ }
+
if (element.getAttribute('data-src')) {
element.src = element.getAttribute('data-src');
}
diff --git a/dist/lozad.min.js b/dist/lozad.min.js
index b8aa0b2..87d7467 100644
--- a/dist/lozad.min.js
+++ b/dist/lozad.min.js
@@ -1,4 +1,4 @@
-/*! lozad.js - v1.14.0 - 2019-10-19
+/*! lozad.js - v1.14.0 - 2019-10-30
* https://github.com/ApoorvSaxena/lozad.js
* Copyright (c) 2019 Apoorv Saxena; Licensed MIT */
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).lozad=e()}(this,function(){"use strict";
@@ -6,5 +6,5 @@
* Detect IE browser
* @const {boolean}
* @private
- */var d="undefined"!=typeof document&&document.documentMode,c={rootMargin:"0px",threshold:0,load:function(t){if("picture"===t.nodeName.toLowerCase()){var e=document.createElement("img");d&&t.getAttribute("data-iesrc")&&(e.src=t.getAttribute("data-iesrc")),t.getAttribute("data-alt")&&(e.alt=t.getAttribute("data-alt")),t.append(e)}if("video"===t.nodeName.toLowerCase()&&!t.getAttribute("data-src")&&t.children){for(var r=t.children,a=void 0,o=0;o<=r.length-1;o++)(a=r[o].getAttribute("data-src"))&&(r[o].src=a);t.load()}if(t.getAttribute("data-src")&&(t.src=t.getAttribute("data-src")),t.getAttribute("data-srcset")&&t.setAttribute("srcset",t.getAttribute("data-srcset")),t.getAttribute("data-background-image"))t.style.backgroundImage="url('"+t.getAttribute("data-background-image").split(",").join("'),url('")+"')";else if(t.getAttribute("data-background-image-set")){var i=t.getAttribute("data-background-image-set").split(","),n=i[0].substr(0,i[0].indexOf(" "))||i[0];// Substring before ... 1x
+ */var d="undefined"!=typeof document&&document.documentMode,c={rootMargin:"0px",threshold:0,load:function(t){if("picture"===t.nodeName.toLowerCase()){var e=document.createElement("img");d&&t.getAttribute("data-iesrc")&&(e.src=t.getAttribute("data-iesrc")),t.getAttribute("data-alt")&&(e.alt=t.getAttribute("data-alt")),t.append(e)}if("video"===t.nodeName.toLowerCase()&&!t.getAttribute("data-src")&&t.children){for(var r=t.children,a=void 0,o=0;o<=r.length-1;o++)(a=r[o].getAttribute("data-src"))&&(r[o].src=a);t.load()}if(t.getAttribute("data-poster")&&(t.poster=t.getAttribute("data-poster")),t.getAttribute("data-src")&&(t.src=t.getAttribute("data-src")),t.getAttribute("data-srcset")&&t.setAttribute("srcset",t.getAttribute("data-srcset")),t.getAttribute("data-background-image"))t.style.backgroundImage="url('"+t.getAttribute("data-background-image").split(",").join("'),url('")+"')";else if(t.getAttribute("data-background-image-set")){var i=t.getAttribute("data-background-image-set").split(","),n=i[0].substr(0,i[0].indexOf(" "))||i[0];// Substring before ... 1x
n=-1===n.indexOf("url(")?"url("+n+")":n,1===i.length?t.style.backgroundImage=n:t.setAttribute("style",(t.getAttribute("style")||"")+"background-image: "+n+"; background-image: -webkit-image-set("+i+"); background-image: image-set("+i+")")}t.getAttribute("data-toggle-class")&&t.classList.toggle(t.getAttribute("data-toggle-class"))},loaded:function(){}};function l(t){t.setAttribute("data-loaded",!0)}var b=function(t){return"true"===t.getAttribute("data-loaded")};return function(){var r,a,o=0