S01E02: The Legend of Thunder (Part 2) | Pokémon Chronicles | Edna.cz (2024)

'; videoContent = document.getElementById('contentElement'); if (window.screen.width >= 1000) { outstream_width = 480; outstream_height = 320; } else { outstream_width = advertContainer.offsetWidth; outstream_height = advertContainer.offsetHeight; } setUpIMA(); } /** * Sets up IMA ad display container, ads loader, and makes an ad request. */ function setUpIMA() { google.ima.settings.setDisableCustomPlaybackForIOS10Plus(true); // Create the ad display container. createAdDisplayContainer(); // Create ads loader. adsLoader = new google.ima.AdsLoader(adDisplayContainer); // Listen and respond to ads loaded and error events. adsLoader.addEventListener( google.ima.AdsManagerLoadedEvent.Type.ADS_MANAGER_LOADED, onAdsManagerLoaded, false); adsLoader.addEventListener( google.ima.AdErrorEvent.Type.AD_ERROR, onAdError, false); // An event listener to tell the SDK that our content video // is completed so the SDK can play any post-roll ads. const contentEndedListener = function() { adsLoader.contentComplete(); }; videoContent.onended = contentEndedListener; // Request video ads. const adsRequest = new google.ima.AdsRequest(); adsRequest.adTagUrl = iinfoVastUrls[iinfoVastUrlIndex]; console.log('Outstream first advert: ' + iinfoVastUrls[iinfoVastUrlIndex]); // Specify the linear and nonlinear slot sizes. This helps the SDK to // select the correct creative if multiple are returned. adsRequest.linearAdSlotWidth = outstream_width; adsRequest.linearAdSlotHeight = outstream_height; adsRequest.nonLinearAdSlotWidth = 0; adsRequest.nonLinearAdSlotHeight = 0; adsLoader.requestAds(adsRequest); } /** * Sets the 'adContainer' div as the IMA ad display container. */ function createAdDisplayContainer() { // We assume the adContainer is the DOM id of the element that will house // the ads. document.getElementById('videoContent').style.display = 'none'; adDisplayContainer = new google.ima.AdDisplayContainer( document.getElementById('adContainer'), videoContent); } function unmuteAdvert() { adVolume = !adVolume; if (adVolume) { adsManager.setVolume(0.3); document.getElementById('adMuteBtn').innerHTML = '

'; } else { adsManager.setVolume(0); document.getElementById('adMuteBtn').innerHTML = '

'; } } /** * Loads the video content and initializes IMA ad playback. */ function playAds() { // Initialize the container. Must be done through a user action on mobile // devices. videoContent.load(); adDisplayContainer.initialize(); try { if (window.screen.width >= 1000) { adsManager.init(480, 320, google.ima.ViewMode.NORMAL); } else { adsManager.init(advertContainer.offsetWidth, advertContainer.offsetHeight, google.ima.ViewMode.NORMAL); } adsManager.start(); window.addEventListener('resize', function(event) { if (adsManager) { if (window.screen.width >= 1000) { adsManager.resize(480, 320, google.ima.ViewMode.NORMAL); } else { adsManager.resize(advertContainer.offsetWidth, advertContainer.offsetHeight, google.ima.ViewMode.NORMAL); } } }); } catch (adError) { // An error may be thrown if there was a problem with the VAST response. videoContent.play(); } } /** * Handles the ad manager loading and sets ad event listeners. * @param {!google.ima.AdsManagerLoadedEvent} adsManagerLoadedEvent */ function onAdsManagerLoaded(adsManagerLoadedEvent) { // Get the ads manager. const adsRenderingSettings = new google.ima.AdsRenderingSettings(); adsRenderingSettings.restoreCustomPlaybackStateOnAdBreakComplete = true; adsRenderingSettings.loadVideoTimeout = 12000; // videoContent should be set to the content video element. adsManager = adsManagerLoadedEvent.getAdsManager(videoContent, adsRenderingSettings); // Add listeners to the required events. adsManager.addEventListener(google.ima.AdErrorEvent.Type.AD_ERROR, onAdError); adsManager.addEventListener( google.ima.AdEvent.Type.CONTENT_PAUSE_REQUESTED, onContentPauseRequested); adsManager.addEventListener( google.ima.AdEvent.Type.CONTENT_RESUME_REQUESTED, onContentResumeRequested); adsManager.addEventListener( google.ima.AdEvent.Type.ALL_ADS_COMPLETED, onAdEvent); // Listen to any additional events, if necessary. adsManager.addEventListener(google.ima.AdEvent.Type.LOADED, onAdEvent); adsManager.addEventListener(google.ima.AdEvent.Type.STARTED, onAdEvent); adsManager.addEventListener(google.ima.AdEvent.Type.COMPLETE, onAdEvent); playAds(); } /** * Handles actions taken in response to ad events. * @param {!google.ima.AdEvent} adEvent */ function onAdEvent(adEvent) { // Retrieve the ad from the event. Some events (for example, // ALL_ADS_COMPLETED) don't have ad object associated. const ad = adEvent.getAd(); console.log('Outstream event: ' + adEvent.type); switch (adEvent.type) { case google.ima.AdEvent.Type.LOADED: // This is the first event sent for an ad - it is possible to // determine whether the ad is a video ad or an overlay. if (!ad.isLinear()) { // Position AdDisplayContainer correctly for overlay. // Use ad.width and ad.height. videoContent.play(); } break; case google.ima.AdEvent.Type.STARTED: // This event indicates the ad has started - the video player // can adjust the UI, for example display a pause button and // remaining time. if (ad.isLinear()) { // For a linear ad, a timer can be started to poll for // the remaining time. intervalTimer = setInterval( function() { // Example: const remainingTime = adsManager.getRemainingTime(); }, 300); // every 300ms } document.getElementById('adMuteBtn').style.display = 'block'; break; case google.ima.AdEvent.Type.ALL_ADS_COMPLETED: if (ad.isLinear()) { clearInterval(intervalTimer); } if (!loadNext()) { console.log('Outstream Spouštím Passback'); advertContainer.innerHTML = ""; advertContainer.appendChild(passBackDiv); } break; case google.ima.AdEvent.Type.COMPLETE: // This event indicates the ad has finished - the video player // can perform appropriate UI actions, such as removing the timer for // remaining time detection. if (ad.isLinear()) { clearInterval(intervalTimer); } if (!loadNext()) { console.log('Outstream Spouštím Passback'); advertContainer.innerHTML = ""; advertContainer.appendChild(passBackDiv); } break; } } /** * Handles ad errors. * @param {!google.ima.AdErrorEvent} adErrorEvent */ function onAdError(adErrorEvent) { // Handle the error logging. console.log(adErrorEvent.getError()); if (!loadNext()) { console.log('Outstream Spouštím Passback'); advertContainer.innerHTML = ""; advertContainer.appendChild(passBackDiv); } } function loadNext() { iinfoVastUrlIndex++; adVolume = 0; if (iinfoVastUrls.length > iinfoVastUrlIndex) { // Request video ads. const adsRequest = new google.ima.AdsRequest(); /*adsRequest.adTagUrl = 'https://pubads.g.doubleclick.net/gampad/ads?' +'iu=/21775744923/external/single_preroll_skippable&sz=640x480&' +'ciu_szs=300x250%2C728x90&gdfp_req=1&' +'output=vast&unviewed_position_start=1&env=vp&impl=s&correlator=';*/ adsRequest.adTagUrl = iinfoVastUrls[iinfoVastUrlIndex]; console.log('Outstream next advert: ' + iinfoVastUrls[iinfoVastUrlIndex]); // Specify the linear and nonlinear slot sizes. This helps the SDK to // select the correct creative if multiple are returned. adsRequest.linearAdSlotWidth = outstream_width; adsRequest.linearAdSlotHeight = outstream_height; adsRequest.nonLinearAdSlotWidth = 0; adsRequest.nonLinearAdSlotHeight = 0; adsLoader.requestAds(adsRequest); return true; } else { return false; } } /** * Pauses video content and sets up ad UI. */ function onContentPauseRequested() { videoContent.pause(); // This function is where you should setup UI for showing ads (for example, // display ad timer countdown, disable seeking and more.) // setupUIForAds(); } /** * Resumes video content and removes ad UI. */ function onContentResumeRequested() { videoContent.play(); // This function is where you should ensure that your UI is ready // to play content. It is the responsibility of the Publisher to // implement this function when necessary. // setupUIForContent(); } var IinfoOutstreamInit = function () { try { if ( (typeof mfAds !== 'undefined' && (!mfAds.contentAdsEnabled || mfAds.contentAdsEnabled === false)) // MF websites || (typeof playOutstream !== 'undefined' && playOutstream) // Iinfo websites ) { var wrapper = document.getElementsByClassName('outstream-container')[0]; if (wrapper) { var containerOffset = wrapper.getBoundingClientRect(); var windowHeight = window.innerHeight; if (advertContainer === undefined) { if (containerOffset.top < windowHeight/1 && containerOffset.bottom > 0.0) { console.log ('INIT IINFO OUTSTREAM 2.0'); outstream_init(); } } } } } catch (e) { console.error(e); } }; window.addEventListener('scroll', function () { IinfoOutstreamInit(); }); IinfoOutstreamInit();