<div id="video"> <div class="desktop-video" id="ark-video"> <div style="padding:56.25% 0 0 0;position:relative;"><iframe video-data-src="https://player.vimeo.com/video/646236023?autoplay=1&autopause=0&muted=1&loop=1&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; muted fullscreen" allowfullscreen></iframe></div> </div> <div class="mobile-video"> <div style="padding:56.25% 0 0 0;position:relative;"><iframe video-data-src="https://player.vimeo.com/video/646236023?autoplay=1&autopause=0&muted=1&loop=1&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" muted allowfullscreen></iframe></div> </div> </div> <script> function VideolazyLoadImages() { var e = document.querySelectorAll("iframe[video-data-src]"); [].forEach.call(e, function(e) { datasrc = e.getAttribute("video-data-src"); e.setAttribute("src",datasrc); e.removeAttribute("video-data-src"); }) window.removeEventListener("scroll", VideolazyLoadImages) } window.addEventListener("scroll", VideolazyLoadImages); </script>