https://shop.realfaith.com/cdn/shop/t/4/assets/element.video.js?v=110560105447302630031783440470

1import BaseMedia from"element.base-media";import{loadScript}from"util.resource-loader";const onYouTubePromise=new Promise(resolve=>{window.onYouTubeIframeAPIReady=()=>resolve()});export class VideoMedia extends BaseMedia{connectedCallback(){super.connectedCallback(),this.autoplay||this.addEventListener("click",this.play.bind(this),{once:!0})}getPlayerTarget(){return this.setAttribute("loaded",""),this.host?this.setupThirdPartyVideoElement():this.setupNativeVideoElement()}playerHandler(target,prop){this.host==="youtube"?prop==="play"?target.playVideo():target.pauseVideo():target[prop]()}async setupThirdPartyVideoElement(){let player;const template=this.querySelector("template");return template&&template.replaceWith(template.content.firstElementChild.cloneNode(!0)),this.host==="youtube"?player=await this.setupYouTubePlayer():player=await this.setupVimeoPlayer(),player}setupNativeVideoElement(){const video=this.querySelector("video");return video.addEventListener("play",()=>{this.setAttribute("playing","")}),video.addEventListener("pause",()=>{video.paused&&!video.seeking&&this.removeAttribute("playing")}),this.autoplay&&video.addEventListener("click",()=>{video.paused?video.play():video.pause()}),video}setupYouTubePlayer(){return new Promise(async resolve=>{window.YT?.Player||await loadScript("https://www.youtube.com/iframe_api"),await onYouTubePromise;const player=new YT.Player(this.querySelector("iframe"),{events:{onReady:()=>{resolve(player)},onStateChange:event=>{event.data===YT.PlayerState.PLAYING?this.setAttribute("playing",""):(event.data===YT.PlayerState.PAUSED||event.data===YT.PlayerState.ENDED)&&this.removeAttribute("playing")}}})})}setupVimeoPlayer(){return new Promise(async resolve=>{window.Vimeo?.Player||await loadScript("https://player.vimeo.com/api/player.js");const player=new Vimeo.Player(this.querySelector("iframe"));player.on("play",()=>this.setAttribute("playing","")),player.on("pause",()=>this.removeAttribute("playing")),player.on("ended",()=>this.removeAttribute("playing")),resolve(player)})}get host(){return this.getAttribute("host")}}customElements.define("video-media",VideoMedia);
2//# sourceMappingURL=/cdn/shop/t/4/assets/element.video.js.map?v=110560105447302630031783440470