!function(){"use strict";var e=function(){function e(e){this.$videoFullscreen=e,this.$videoFullscreenContainer=this.$videoFullscreen.parentElement,this.$videoControlPlay=this.$videoFullscreen.nextElementSibling.querySelector('[data-full-bleed-video="play"]'),this.$videoControlPause=this.$videoFullscreen.nextElementSibling.querySelector('[data-full-bleed-video="pause"]'),this.$videoControlMute=this.$videoFullscreen.nextElementSibling.querySelector('[data-full-bleed-video="mute"]'),this.$videoSeekbar=this.$videoFullscreenContainer.querySelector('[data-full-bleed-video="seekbar"]'),this.$videoSeekbarBar=this.$videoFullscreenContainer.querySelector('[data-full-bleed-video="bar"]'),this.$videoSeekbarDuration=this.$videoFullscreenContainer.querySelector('[data-full-bleed-video="duration"]'),this.$videoSeekbarCurrentTime=this.$videoFullscreenContainer.querySelector('[data-full-bleed-video="currentTime"]'),this.initialize()}var t=e.prototype;return t.initialize=function(){this.initVideos(this.$videoFullscreen)},t.initVideos=function(e){var t,i=this;function n(){e.parentElement.parentElement.querySelectorAll("video").forEach((function(e){return(t=e.getBoundingClientRect()).bottom>=0&&t.right>=0&&t.top<=(window.innerHeight||document.documentElement.clientHeight)&&t.left<=(window.innerWidth||document.documentElement.clientWidth)?e.play():e.pause();var t}))}if(clearTimeout(t),t=setTimeout(n,50),window.addEventListener("scroll",(function(){clearTimeout(t),t=setTimeout(n,50)})),window.addEventListener("resize",n),window.addEventListener("DOMContentLoaded",n),e.addEventListener("pause",(function(){i.$videoControlPlay.classList.remove("is--hidden"),i.$videoControlPause.classList.add("is--hidden"),e.muted=!0,e.setAttribute("muted","")})),e.addEventListener("play",(function(){i.$videoControlPlay.classList.add("is--hidden"),i.$videoControlPause.classList.remove("is--hidden")})),this.$videoControlPlay.addEventListener("click",(function(){e.play(),i.$videoControlPlay.classList.add("is--hidden"),i.$videoControlPause.classList.remove("is--hidden")})),this.$videoControlPause.addEventListener("click",(function(){e.pause(),i.$videoControlPlay.classList.remove("is--hidden"),i.$videoControlPause.classList.add("is--hidden")})),this.$videoControlMute.addEventListener("click",(function(){!1===e.muted?(e.muted=!0,e.setAttribute("muted",""),i.$videoControlMute.classList.add("is--muted"),i.$videoControlMute.classList.remove("has--sound")):(e.muted=!1,e.removeAttribute("muted",""),i.$videoControlMute.classList.add("has--sound"),i.$videoControlMute.classList.remove("is--muted"))})),this.$videoSeekbarDuration&&e.addEventListener("loadedmetadata",(function(){var t=e.duration,n=Math.floor(t/60),o=Math.round(t%60);i.$videoSeekbarDuration.textContent=n+":"+(o<10?"0":"")+o})),this.$videoSeekbarCurrentTime&&e.addEventListener("timeupdate",(function(){var t=e.currentTime,n=Math.floor(t/60),o=Math.round(t%60);i.$videoSeekbarCurrentTime.textContent=n+":"+(o<10?"0":"")+o})),this.$videoSeekbar){e.addEventListener("timeupdate",(function(){var t=e.currentTime/e.duration*100;i.$videoSeekbarBar.style.width=t+"%"})),this.$videoSeekbar.addEventListener("mouseover",(function(){i.$videoSeekbarBar.classList.add("is--active")})),this.$videoSeekbar.addEventListener("mouseout",(function(){i.$videoSeekbarBar.classList.remove("is--active")}));var o=!1;this.$videoSeekbar.addEventListener("mousedown",(function(){o=!0})),window.addEventListener("mousemove",(function(t){if(o){var n=i.$videoSeekbar.getBoundingClientRect().left,d=(t.clientX-n)/i.$videoSeekbar.clientWidth;e.currentTime=e.duration*d}})),window.addEventListener("mouseup",(function(){o=!1})),this.$videoSeekbar.addEventListener("click",(function(t){var n=i.$videoSeekbar.getBoundingClientRect().left,o=(t.clientX-n)/i.$videoSeekbar.clientWidth;e.currentTime=e.duration*o}))}},e}();window.addEventListener("content.loaded",(function(t){var i=t.detail.$context;if(i){var n=i.querySelectorAll('[data-full-bleed-video="media"]');if(n.length>0)for(var o=0;o<n.length;o++){var d=n[o];d.API=new e(d,{loader:window.OPTIONS.loader})}}}))}();
//# sourceMappingURL=full-bleed-video.js.map