$(document).on('pageLoad','.page',function(){var $page=$(this);var $slider=$page.find('.video-slider');var $previews=$slider.find('.video-slider__video-link');var $activePreview;if(window.location.hash.length>0){$activePreview=$previews.filter('[href="'+window.location.pathname+window.location.hash+'"]');if($activePreview.length===0){$activePreview=$previews.first();}}else{$activePreview=$previews.first();} $('.video-slider__swiper-slide').removeClass('video-slider__swiper-slide--active');$activePreview.parent('.video-slider__swiper-slide').addClass('video-slider__swiper-slide--active');var videoSource=$activePreview.data('videoSource');var videoFormat=$activePreview.data('videoFormat');var $videoPlayerWrapper=$page.find('.video-player');var $videoPlayer=$page.find('.video-player__video');if($videoPlayer.attr('src')!==videoSource){$videoPlayer.attr('src',videoSource).removeClass('video-player__video--state-uninitialized');} if(videoFormat==='klik'){$videoPlayerWrapper.removeClass('video-player--formatNormal');$videoPlayerWrapper.addClass('video-player--formatKlik');} if(videoFormat==='normal'){$videoPlayerWrapper.removeClass('video-player--formatKlik');$videoPlayerWrapper.addClass('video-player--formatNormal');}});$(function(){function updateVideoUI(video){if(video.buffered.length>0){$(video).nextAll('.video-player__progress-bar').find('.video-player__seek-bar').css('width',((video.buffered.end(0)-video.buffered.start(0))*100/video.duration)+"%");} $(video).nextAll('.video-player__progress-bar').find('.video-player__play-bar').css('width',(video.currentTime*100/video.duration)+"%");} $('.video-player__video').on('timeupdate progress',function(){updateVideoUI($(this)[0]);});$(document).on('click','.video-player__progress-bar',function(e){var video=$(this).closest('.video-player').find('.video-player__video')[0];video.currentTime=(e.pageX-$(this).offset().left)/$(this).width()*video.duration;updateVideoUI(video);e.stopPropagation();});});