https://www.supernaturalbc.com.cn/content/cache/autoptimize/js/aut…ab56ecbf189a4d15d5610a0446a0e4.js?ver=6.7.2

1window.addEventListener('load',function(){$('.single-large-media').each(function(){const single_large_media=new SLM($(this));});});const SLM=function(this$obj){if(!this$obj){return false;}
2this.$obj=this$obj;this.$video=this.$obj.find('.js-video');this.$ytPlayBtn=this.$obj.find('.media__yt--play');this.$videoPlayBtn=this.$obj.find('.single-large-media__video--play');this.$window=$(window);this.init();}
3SLM.prototype.init=function init(){this.triggerVideo();this.ytVideo();this.videoPlayButton();}
4SLM.prototype.triggerVideo=function triggerVideo(){let _this=this.$obj;let $this=this;if($(this.$obj).hasClass('single-large-media--iconic')){let $ytTarget=_this.find('.media__yt--play');let $bvTarget=_this.find('.js-video-poster-button');$ytTarget.removeClass('js-modal-toggle');$bvTarget.removeClass('js-modal-toggle');if($(window).width()>=768){$bvTarget.on('click',function(){$this.videoExpander();});}}};SLM.prototype.ytVideo=function ytVideo(){const _this=this;_this.$ytPlayBtn.on('click',function(){const ytPlayBtn=_this.$obj.find('.media__yt--play');ytPlayBtn.data('triggered-from-slm',true);_this.videoExpander();})};SLM.prototype.videoPlayButton=function videoPlayButton(){const _this=this;_this.$videoPlayBtn.on('click',function(){console.log('Single large media video play button clicked');const $mediaYt=_this.$obj.find('.media__yt');const $basicVideo=_this.$obj.find('.js-video');if($mediaYt.length>0){const $ytPlayBtn=$mediaYt.find('.media__yt--play');$ytPlayBtn.data('triggered-from-slm',true);$ytPlayBtn.trigger('click');}else if($basicVideo.length>0){const $posterButton=$basicVideo.find('.js-video-poster-button');$posterButton.trigger('click');}
5if(!_this.$obj.hasClass('single-large-media--iconic')){_this.videoExpander();}});};SLM.prototype.videoExpander=function videoExpander(){const inner=this.$obj.find('.single-large-media__inner');const mediaBlock=this.$obj.find('.single-large-media__media-block');const contentBlock=this.$obj.find('.single-large-media__content-block');let closeBtn=this.$obj.find('.js-close-expansion');let expandBtn=this.$obj.find('.js-trigger-expansion');expandBtn.removeClass('is-visible');inner.css({'width':inner.width(),'height':inner.height()});mediaBlock.addClass('expanded');contentBlock.addClass('expanded');if(mediaBlock.find('.media__yt').length>0){closeBtn.addClass('yt-position');expandBtn.css('right','-32px');}
6this.videoWidthToggle(mediaBlock,contentBlock);const $iframe=mediaBlock.find('iframe');if($iframe.length>0){$iframe.attr('tabindex','-1');setTimeout(()=>{$iframe.focus();},500);}}
7SLM.prototype.videoWidthToggle=function videoWidthToggle(mediaBlock,contentBlock){let closeBtn=this.$obj.find('.js-close-expansion');let expandBtn=this.$obj.find('.js-trigger-expansion');closeBtn.on('click',function(){mediaBlock.removeClass('expanded');contentBlock.removeClass('expanded');expandBtn.addClass('is-visible');});expandBtn.on('click',function(){mediaBlock.addClass('expanded');contentBlock.addClass('expanded');expandBtn.removeClass('is-visible');});}