https://www.vitec-vabi.com/Dist/video.03badc304644ca361206.js

1"use strict";(self.webpackChunkvitectemplatesite=self.webpackChunkvitectemplatesite||[]).push([[6180],{2024:(e,t,i)=>{i.r(t),i.d(t,{Video:()=>n,VideoHero:()=>o,VideoPopup:()=>h,Videos:()=>r,VimeoThumbnail:()=>l});const s=()=>{const e=()=>Math.floor(65536*(1+Math.random())).toString(16).substring(1);return e()+e()+"-"+e()+"-"+e()+"-"+e()+"-"+e()+e()+e()};var a=i(1e3),d=i(176);class r{constructor(e){this.el=e||document,this.vimeoScriptAdded=!1,this.youtubeScriptAdded=!1,this.eventsAdded=!1,this.heroVideos=this.el.querySelectorAll(".video-hero"),this.videos=this.el.querySelectorAll(".video-direct"),this.videoModals=this.el.querySelectorAll(".video-modal"),this.viemoThumbnails=this.el.querySelectorAll(".vimeo-thumbnail"),this.viemoThumbnails.forEach(e=>{new l(e)}),this.eventsAdded||this.addEvents()}addEvents(){this.heroVideos.forEach(e=>{e.classList.contains("video-vimeo")?this.vimeoScriptAdded?new o(e):this.addVimeoScript().then(()=>{new o(e)}):e.classList.contains("video-youtube")?this.youtubeScriptAdded?new o(e):this.addYoutubeScript().then(()=>{new o(e)}):new o(e)}),this.videoModals.forEach(e=>{try{document.body.appendChild(e)}catch(e){console.error(e)}e.classList.contains("video-modal-vimeo")?this.vimeoScriptAdded?new h(e):this.addVimeoScript().then(()=>{new h(e)}):e.classList.contains("video-modal-youtube")?this.youtubeScriptAdded?new h(e):this.addYoutubeScript().then(()=>{new h(e)}):new h(e)}),this.videos.forEach(e=>{e.classList.contains("video-vimeo")?this.vimeoScriptAdded?new n(e):this.addVimeoScript().then(()=>{new n(e)}):e.classList.contains("video-youtube")?this.youtubeScriptAdded?new n(e):this.addYoutubeScript().then(()=>{new n(e)}):new n(e)}),this.eventsAdded=!0}addVimeoScript(){return new Promise((e,t)=>{if(document.getElementById("vimeo-script"))e(!0);else{const i=document.createElement("script");i.onload=()=>{this.vimeoScriptAdded=!0,e(!0)},i.onerror=e=>{t(e)},i.src="https://player.vimeo.com/api/player.js";const s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(i,s)}})}addYoutubeScript(){return new Promise((e,t)=>{if(document.getElementById("yt-script"))e(!0);else{void 0===window.onYouTubeIframeAPIReady&&(window.onYouTubeIframeAPIReady=function(){try{const e=new CustomEvent("YouTubeIframeAPIReady",{detail:Date.now()});document.dispatchEvent(e)}catch(e){console.warn("onYouTubeIframeAPIReady",e)}});const i=document.createElement("script");i.onload=()=>{this.youtubeScriptAdded=!0,e(!0)},i.onerror=e=>{t(e)},i.src="https://www.youtube.com/iframe_api",i.id="yt-script";const s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(i,s)}})}}class o{constructor(e){this.eventHelper=new a.f("videopopup"),this.loaded=!1,this.el=e,this.hero=e.parentNode,this.vid=this.el.dataset.vid,this.id=`v-${s()}`,this.el.querySelector(".video-placeholder").id=this.id,this.url=this.el.dataset.href,this.player=null,this.type=this.el.dataset.type,this.duration=0;const t=this.el.querySelector(".hero-image");t&&d.A.mobile()?t.style.setProperty("--show-cover","block"):(t&&t.remove(),this.el.dataset.start&&this.el.dataset.end?(this.start=parseInt(this.el.dataset.start),this.end=parseInt(this.el.dataset.end)):(this.start=0,this.end=0),"vimeo"===this.type?this.addVimeoPlayer():"mp4"===this.type?this.addNativePlayer():document.addEventListener("YouTubeIframeAPIReady",()=>{this.addYTPlayer()},!1),this.eventHelper.on("open",e=>{e.detail.vid===this.vid&&("vimeo"===this.type||"mp4"===this.type?this.player.pause():this.player.pauseVideo())}),this.eventHelper.on("close",e=>{e.detail.vid===this.vid&&("vimeo"===this.type?this.player.getPaused().then(e=>{e&&this.player.play()}).catch(function(e){console.warn(e)}):"mp4"===this.type?this.player.play():2===this.player.getPlayerState()&&this.player.playVideo())}))}addNativePlayer(){if(this.player=document.createElement("video"),this.player.src=this.url,this.player.muted=!0,this.player.loop=!0,this.el.querySelector(".video-placeholder").innerHTML="",this.el.querySelector(".video-placeholder").appendChild(this.player),this.loaded=!0,0!==this.end){const e=this.end,t=this.start;this.player.currentTime=this.start,this.player.play(),setInterval(()=>{(this.player.currentTime>=e||this.player.currentTime<t)&&(this.player.currentTime=this.start)},200)}else this.player.autoplay=!0}addVimeoPlayer(){return this.player=new Vimeo.Player(this.id,{autoplay:!0,url:this.url,background:!0,dnt:!0,muted:!0,loop:!0}),0!==this.end?this.player.on("loaded",()=>{try{this.hero.dataset.loaded=this.loaded=!0,this.player.getDuration().then(e=>{this.duration=e,(this.start<0||this.start>=this.duration)&&(this.start=0),(this.end<1||this.end>=this.duration)&&(this.end=this.duration),this.player.setCurrentTime(this.start),this.player.play(),e>=this.end&&this.start<this.end&&setInterval(()=>{this.player.getCurrentTime().then(e=>{(e>=this.end||e<this.start)&&this.player.setCurrentTime(this.start)})},200)}).catch(()=>{this.player.play()})}catch(e){console.warn("Vimeo play",e)}}):this.player.on("loaded",()=>{try{this.hero.dataset.loaded=this.loaded=!0,this.player.play()}catch(e){console.warn("Vimeo play",e)}}),!1}addYTPlayer(){const e={rel:0,modestbranding:1,controls:0,autoplay:1,playsinline:1,iv_load_policy:3,cc_load_policy:1,fs:0,muted:1,disablekb:1,start:this.start,ecver:2,showinfo:0};return this.player=new YT.Player(this.id,{videoId:this.vid,width:"560",height:"315",host:"https://www.youtube-nocookie.com",playerVars:e}),this.player.addEventListener("onStateChange",e=>{e.target.mute(),1===e.data&&this.el.classList.add("yt-ready")}),this.player.addEventListener("onReady",e=>{e.target.mute();const t=e.target.getDuration();(this.start<0||this.start>t)&&(this.start=0),(this.end<1||this.end>t)&&(this.end=t),e.target.playVideoAt(this.start),this.player.seekTo(this.start,!0),e.target.playVideo(),this.hero.dataset.loaded=this.loaded=!0,this.start>-1&&this.end>0&&this.intervall()}),!1}intervall(){setInterval(()=>{const e=this.player.getCurrentTime();e&&e>=this.end&&this.player.seekTo(this.start,!0)},200)}}class l{constructor(e){this.el=e,e.dataset.vid&&fetch(`https://vimeo.com/api/v2/video/${e.dataset.vid}.json`).then(e=>e.text()).then(e=>{try{const t=JSON.parse(e)[0].thumbnail_large;this.el.src=t}catch(e){console.warn("VimeoThumbnail",e)}}).catch(e=>{console.warn(e)})}}class h{constructor(e){this.eventHelper=new a.f("videopopup"),this.loaded=!1,this.el=e,this.vid=this.el.dataset.vid,this.url=this.el.dataset.href,this.id=`v-${s()}`,this.el.querySelector(".video-placeholder").id=this.id,this.player=null,this.type=this.el.dataset.type,e.addEventListener("show.bs.modal",()=>{this.loaded?"vimeo"===this.type?this.player.play():"youtube"===this.type?this.player.playVideo():"mp4"===this.type&&this.player.play():"vimeo"===this.type?this.addVimeoPlayer():"youtube"===this.type?this.addYTPlayer():"mp4"===this.type&&this.addNativePlayer(),this.eventHelper.throw("open",{vid:this.vid,url:this.url})}),e.addEventListener("hide.bs.modal",()=>{this.loaded&&("vimeo"===this.type?this.player.pause():"youtube"===this.type?this.player.pauseVideo():"mp4"===this.type&&this.player.pause()),this.eventHelper.throw("close",{vid:this.vid,url:this.url})})}addNativePlayer(){this.player=document.createElement("video"),this.player.src=this.url,this.player.autoplay=!0,this.el.querySelector(".video-placeholder").innerHTML="",this.el.querySelector(".video-placeholder").appendChild(this.player),this.loaded=!0}addVimeoPlayer(){return this.player=new Vimeo.Player(this.id,{autoplay:!0,url:this.url,dnt:!0,byline:!1,controls:!0,transparent:!0,title:!1}),this.player.on("loaded",()=>{try{this.loaded=!0,this.player.play()}catch(e){console.warn("Vimeo play",e)}}),!1}addYTPlayer(){return this.player=new YT.Player(this.id,{videoId:this.vid,width:"560",height:"315",host:"https://www.youtube-nocookie.com",playerVars:{rel:0,modestbranding:1,autoplay:1,playsinline:0,iv_load_policy:3,cc_load_policy:1,fs:1}}),this.player.addEventListener("onReady",e=>{e.target.playVideo(),this.loaded=!0}),!1}}class n{constructor(e){e&&(this.el=e,this.link=this.el.firstElementChild,this.type=this.link.dataset.type,this.link&&"a"===this.link.tagName.toLowerCase()&&(this.url=this.link.href,this.vid=this.link.dataset.vid,this.id="vimeo"===this.link.dataset.type?this.el.id:this.link.id,"vimeo"===this.type?this.addVimeoEvent():"youtube"===this.type?this.addYoutubeEvent():"mp4"===this.type?this.addNativeEvent():console.warn("Unknown video type")))}addNativeEvent(){this.link.addEventListener("click",this.addNativePlayer.bind(this))}addYoutubeEvent(){this.link.addEventListener("click",this.addYTPlayer.bind(this))}addVimeoEvent(){this.link.addEventListener("click",this.addVimeoPlayer.bind(this))}addVimeoPlayer(e){e.preventDefault(),this.el.id=this.id=`v-${s()}`;const t=new Vimeo.Player(this.id,{autoplay:!0,url:this.url,byline:!1,controls:!0,transparent:!0,title:!1});return t.on("loaded",()=>{try{t.play()}catch(e){console.warn("Vimeo play",e)}}),setTimeout(()=>{this.el.querySelector(".video-placeholder").remove(),this.link.remove()},10),!1}addYTPlayer(e){return e.preventDefault(),this.id=`v-${s()}`,this.link.id=this.id,new YT.Player(this.id,{videoId:this.vid,width:"560",height:"315",host:"https://www.youtube-nocookie.com",playerVars:{rel:0,modestbranding:1,autoplay:1,playsinline:0,iv_load_policy:3,cc_load_policy:1,fs:1}}).addEventListener("onReady",e=>{e.target.playVideo()}),setTimeout(()=>{this.link.remove(),this.el.querySelector(".video-placeholder").remove()},10),!1}addNativePlayer(e){e.preventDefault(),this.player=document.createElement("video"),this.player.src=this.url,this.player.autoplay=!0,this.el.querySelector(".video-placeholder").innerHTML="",this.el.querySelector(".video-placeholder").appendChild(this.player),this.loaded=!0,this.player.controls=!0,setTimeout(()=>{this.link.remove()},10)}}}}]);