Popis | Dora the Explorer (Dora průzkumnice) | Edna.cz (2024)

'; wrapper.insertAdjacentHTML('afterbegin', videoEl); var vjsOptions = { controls: false, fluid: true, autoplay: true }; var player = videojs('iinfo_outstream_player', vjsOptions); var imaOptions = { //adTagUrl: secondVast adsResponse: getVMAP() }; player.ima(imaOptions); IinfoOutstreamPlayer.container = document.getElementById('iinfo_outstream_player_wrapper'); IinfoOutstreamPlayer.replayScreen = document.getElementById('iinfo_outstream_replay'); IinfoOutstreamPlayer.player = player; IinfoOutstreamPlayer.adPositionWrapper = wrapper; IinfoOutstreamPlayer.adFailCallback = adFailCallback; document.addEventListener('DOMContentLoaded', IinfoOutstreamPlayer.handleScroll, false); window.addEventListener('scroll', IinfoOutstreamPlayer.handleScroll, false); IinfoOutstreamPlayer.registerEvents(player, videoEl, vjsOptions, imaOptions); }, calculateWrapperHeight: function () { return IinfoOutstreamPlayer.container.offsetWidth * IinfoOutstreamPlayer.height / IinfoOutstreamPlayer.width + 24; }, handleScroll: function (e) { var containerOffset = IinfoOutstreamPlayer.container.getBoundingClientRect(); var windowHeight = window.innerHeight; if (IinfoOutstreamPlayer.player.isDisposed() === false) { if (containerOffset.top < windowHeight/1 && containerOffset.bottom > 0.0) { if (IinfoOutstreamPlayer.adInitialized === false) { IinfoOutstreamPlayer.player.muted(true); IinfoOutstreamPlayer.player.play(); IinfoOutstreamPlayer.adInitialized = true; document.removeEventListener('DOMContentLoaded', IinfoOutstreamPlayer.handleScroll, false); } } else { if (IinfoOutstreamPlayer.adPlaying === true) { /*IinfoOutstreamPlayer.player.ima.pauseAd(); IinfoOutstreamPlayer.adPlaying = false;*/ } } } }, setPassBack: function (element) { passBackDiv = element; }, getWrapper: function () { var domain = document.location.host; var articleWrapper = null; var isPrArticle = false; if (articleWrapper !== undefined) { articleWrapper = document.getElementsByClassName('outstream-container')[0]; } if (!articleWrapper) { throw "Outstream wrapper of article was not found."; } return articleWrapper; }, registerEvents: function (player, videoEl, vjsOptions, imaOptions) { player.on('ads-ad-started', function() { console.log('VAST ad started.'); IinfoOutstreamPlayer.container.style.height = IinfoOutstreamPlayer.calculateWrapperHeight() + 'px'; setTimeout(function () { IinfoOutstreamPlayer.container.style.height = 'auto'; }, 500); }); player.on('adserror', function (e) { console.log('Spouštím Passback'); player.dispose(); IinfoOutstreamPlayer.container.parentNode.removeChild(IinfoOutstreamPlayer.container); IinfoOutstreamPlayer.adPositionWrapper.appendChild(passBackDiv); typeof IinfoOutstreamPlayer.adFailCallback === 'function' && IinfoOutstreamPlayer.adFailCallback(); document.addEventListener('DOMContentLoaded', IinfoOutstreamPlayer.handleScroll, false); window.removeEventListener('scroll', IinfoOutstreamPlayer.handleScroll, false); }); player.on('adend', function() { console.log('VAST ad ended (adend).'); IinfoOutstreamPlayer.container.style.height = IinfoOutstreamPlayer.calculateWrapperHeight() + 'px'; IinfoOutstreamPlayer.replayScreen.style.display = 'flex'; }); player.ima.addContentEndedListener(function() { console.log('VAST ad ended (content ended).'); IinfoOutstreamPlayer.container.style.height = IinfoOutstreamPlayer.calculateWrapperHeight() + 'px'; IinfoOutstreamPlayer.replayScreen.style.display = 'flex'; }); IinfoOutstreamPlayer.replayScreen.addEventListener('click', function () { IinfoOutstreamPlayer.player.dispose(); IinfoOutstreamPlayer.container.remove(); IinfoOutstreamPlayer.adPositionWrapper.insertAdjacentHTML('afterbegin', videoEl); IinfoOutstreamPlayer.container = document.getElementById('iinfo_outstream_player_wrapper'); IinfoOutstreamPlayer.replayScreen = document.getElementById('iinfo_outstream_replay'); vjsOptions.autoplay = true; IinfoOutstreamPlayer.player = videojs('iinfo_outstream_player', vjsOptions); IinfoOutstreamPlayer.player.ima(imaOptions); IinfoOutstreamPlayer.container.style.transition = 'none'; IinfoOutstreamPlayer.container.style.height = IinfoOutstreamPlayer.calculateWrapperHeight() + 'px'; IinfoOutstreamPlayer.registerEvents(IinfoOutstreamPlayer.player, videoEl, vjsOptions, imaOptions); // recursive register IinfoOutstreamPlayer.player.play(); }); }, }; function getVMAP() { let vmap = '

'; return vmap; } var IinfoOutstreamInit = function (vastUrl, adFailCallback) { try { if ( (typeof mfAds !== 'undefined' && (!mfAds.contentAdsEnabled || mfAds.contentAdsEnabled === false)) // MF websites || (typeof playOutstream !== 'undefined' && playOutstream) // Iinfo websites ) { var wrapper = IinfoOutstreamPlayer.getWrapper(); if (wrapper && (typeof sssp === 'undefined' || !sssp.displaySeznamAds())) { var containerOffset = wrapper.getBoundingClientRect(); var windowHeight = window.innerHeight; if (IinfoOutstreamPlayer.player === null) { if (containerOffset.top < windowHeight/1 && containerOffset.bottom > 0.0) { console.log ('INIT IINFO OUTSTREAM'); IinfoOutstreamPlayer.init(vastUrl, wrapper, adFailCallback); } } } } } catch (e) { console.error(e); } }; window.addEventListener('scroll', function () { IinfoOutstreamInit(iinfoVastUrl); }); IinfoOutstreamInit(iinfoVastUrl);