Zapomeňte na posazování kojenců a chodítka, děti potřebují lézt

30. 11. 2022

Sdílet

Autor: Depositphotos
Dětský psychomotorický vývoj není radno uspěchávat, upozorňují fyzioterapeuti. Přeskakování jednotlivých fází se může v budoucnu projevit, ať už bolestmi, nebo třeba poruchami učení.

Každá máma to moc dobře zná. Z malého miminka se každý rozplývá, ale otázky typu Už sedí? Proč ho neposadíš? nebo Proč ještě nechodí? na sebe nenechají dlouho čekat. Jenže dnes už odborníci mnohem hlasitěji upozorňují, že nejvíc dětem prospějeme, když je tzv. necháme být a nebudeme jejich vývoj svou pomocí nijak uspěchávat.

Co se dozvíte v článku
  1. Zasahovat do vývoje? Ano, ale jen správně
  2. Lezení jako základ správného vývoje
  3. Jak vytvořit správné podmínky pro lezce?
  4. Posazování a stavění se v budoucnu negativně projeví
  5. Chodítka a hopsadla dětem nesvědčí
  6. Hlavní je radost z pohybu
  7. Největší prohřešky rodičů? Spěchají

Zasahovat do vývoje? Ano, ale jen správně

„Každé dítě se vyvíjí jiným tempem, záleží na mnoha faktorech, které vývoj ovlivňují – zralost centrální nervové soustavy při narození, celkový zdravotní stav dítěte, jeho charakterové vlastnosti, genetika, okolní prostředí apod. Samozřejmě, že i pro psychomotorický vývoj existují tabulky, které nám pomáhají určit, jak na tom dítko s vývojem je, ale důležitější než kvantita a rychlost vývoje pohybu je vždy jeho kvalita,“ vysvětluje fyzioterapeutka Iva Whitten.

Pohybové vzory, které dítě během svého vývoje předvádí, poukazují na to, jakým tempem dozrává jeho centrální nervová soustava. Pokud proto podle Whitten rodiče, i když třeba nevědomky, urychlují nebo zasahují do vývoje svého dítěte, může to mít neblahý vliv na celkové dozrávání jeho nervového systému. A to se v budoucnu určitě může projevit nekvalitními pohybovými vzorci, poruchami učení, bolestmi pohybového systému apod.

Oblíbený sed do W škodí kloubům, raději ho dítě rychle odnaučte Přečtěte si také:

Oblíbený sed do W škodí kloubům, raději ho dítě rychle odnaučte

To ale samozřejmě neznamená, že bychom měli nechat miminko celý den ležet na zemi a nijak si ho nevšímat. „Zasahovat do pohybového vývoje miminka je důležité, ale musí to být zásahy pozitivní. Musíme mu vytvořit správné prostředí, musíme se naučit, jak s ním zacházet a manipulovat, jak ho stimulovat a motivovat,“ upozorňuje Iva Whitten.

Lezení jako základ správného vývoje

Jediná poloha, do které musíme miminku pomáhat, přestože se do ní nezvládne dostat samo, je leh na bříšku, kdy se učí tzv. pást koníky. Zhruba od pátého měsíce totiž probíhá celý motorický vývoj z této pozice. Správné provedení této polohy je však náročné a trvá, než se ho děťátko naučí.

Jeho dokonalé zvládnutí je ale základ. Následné vzpřímení totiž pokračuje dolů po těle. Těžiště se postupně posouvá z hrudníku na bříško, později na sponu stydkou, přední stranu stehen a nakonec na kolena, kdy už jde dítě na všechny čtyři. Z předloktí se také dítě posouvá na natažené ruce.

Používali jste nebo používáte pro svoje děti chodítka?

A právě fáze lezení, do které se dítě postupně dostane, je podle odborníků velmi důležitá. „Lezení řadíme mezi jedno z nejdůležitějších období v pohybovém vývoji dítěte, protože propojuje levou i pravou hemisféru, a tím zlepšuje schopnost koordinace pohybů a soustředění. Především ale posiluje většinu svalových skupin – svaly rukou, zad, bříška i středu těla – a připravuje tělo na sed. Zároveň také pomáhá dětem získat rovnováhu, protože se musí naučit opírat se na krátký okamžik jen o dvě končetiny,“ upozorňuje Kristýna Přibylová z profesionálních dětských tělocvičen Monkey's Gym.

Jak vytvořit správné podmínky pro lezce?

Období, kdy miminko leze, je velmi důležité a představuje výbornou přípravu pro pozdější správné držení těla. Děti většinou začínají lézt mezi šestým a desátým měsícem a tento způsob pohybu a přemisťování jim vydrží někdy až pět měsíců, tedy do doby, než se samy začnou učit chodit.

Lezení dětí by rodiče měli aktivně podporovat nejen svým přístupem, ale i tím, že dětem vytvoří vhodné podmínky. Důležitý je ideálně nekluzký a nechladný povrch, tedy koberec. Naopak plovoucí podlaha nebo lino dětem kloužou, lezení ztěžují a často téměř znemožňují. Miminka se pak spíše plazí, tedy nelezou po kolenou, ale zůstávají bříškem na zemi. Navíc tak často dělají asymetricky, což prohlubuje svalovou dysbalanci.

„Dospělí jsou často překvapeni, jaké pokroky začne dítko dělat, když začne lezení trénovat místo na kluzké podlaze na koberci,“ vysvětluje Kristýna Přibylová. Lezení je možné i aktivně podpořit. Nechat děti přelézat například nohy rodičů, polštářky nebo jiné překážky.

Posazování a stavění se v budoucnu negativně projeví

Pro správný psychomotorický vývoj určitě není dobře, pokud etapa lezení z nějakého důvodu neproběhne. Mezi nejčastější důvody patří tzv. pasivní sed, kdy dospělí sami děti posazují třeba na gauč, do kočárku nebo dětské sedačky v době, kdy ještě samy nesedí a nemají pro tento úkon dostatečně vyvinuté zádové svaly.

„Předčasné ,nucení‘ dětí do aktivních vývojových dovedností, které ještě samy nezvládnou, bude zásahem do budoucího vývoje. Předčasné posazování, tedy dříve, než se dítko samo posadí do volného sedu, může mít např. vliv na funkci páteře a kyčelních kloubů. Může to mít vliv i na funkci dýchací a trávicí soustavy,“ upozorňuje fyzioterapeutka Whitten. Postavování dětí a vodění za ruce se opět může projevit na kvalitě opěrné soustavy, na postavení nožiček a dolních končetin jako celku, na rovnovážných mechanismech celého těla, na stereotypech pohybu v budoucnu – chůze, běh, skákání a podobně, dodává. 

Rodiče by proto podle ní měli být především trpěliví a vytvořit dětem co nejvhodnější prostředí, aby mohly samy zkoušet své dovednosti.

Správný pohybový vývoj

Každou dovednost by si děťátko mělo osvojit samo a teprve ve chvíli, kdy pro ni má dostatečně posílené potřebné svaly.

1. první vzpřímení v poloze na bříšku

2. otočení ze zad na bok

3. otočení ze zad na bříško

4. zvednutí na kolena, houpání se na nich

5. lezení po čtyřech

6. stoj u nábytku

7. obcházení nábytku

8. stoj v prostoru

9. chůze v prostoru bez opory

10. sed

Chodítka a hopsadla dětem nesvědčí

Odbornice odrazují také od používání nejrůznějších pomůcek, jako jsou chodítka nebo hopsadla. Přestože se už ví, že chodítka a hopsadla dětem nijak neprospívají, pořád se vyrábějí, a hlavně prodávají. „Čím více informací o nesprávnosti používání takových pomůcek bude, tím lépe. Naučme děti hýbat se přirozeně a s radostí,“ říká Iva Whitten.

Dětská chodítka, závěsná hopsadla, skákadla: pro děti zcela nevhodné Přečtěte si také:

Dětská chodítka, závěsná hopsadla, skákadla: pro děti zcela nevhodné

Hlavní je radost z pohybu

Často se uvádí, že generace dnešních třicátníků a čtyřicátníků trpí bolestmi a problémy s pohybovým aparátem právě kvůli dřívějšímu častému používání chodítek, podle fyzioterapeutky to není jediná příčina. „Myslím, že tato generace měla radost z pohybu a uměla se hýbat. Zasáhla ji však masivní digitalizace a přechod na sedavá zaměstnání. Na to jsme fyzicky nebyli připraveni. Přestali jsme se přirozeně hýbat. Všude dojedeme autem, sedíme, přejídáme se…“ vypočítává.

A proto je podle ní důležité děti vést k pohybu. Nechat je lézt přes překážky, běhat po lese, lézt na stromy, skákat panáka, houpat se na houpačkách, zkusit si vylézt klouzačku v protisměru, naučit je plavat, jezdit na kole, a hlavně mít z pohybu radost a hýbat se…

Největší prohřešky rodičů? Spěchají

Prohřešků, kterých se rodiče na svých dětech stran pohybového vývoje dopouštějí, je řada, je ale často otázkou, jestli mají rodiče správné informace o tom, že svým potomkům do budoucna škodí. „Možná by pro začátek stačilo zpomalit, na děti nepospíchat, naučit se s nimi zacházet a vytvořit jim prostředí bez ,škodítek‘. Ubrat na interaktivních hračkách, tabletech a mobilech a přidat na přirozeném pohybu. A pokud je pro někoho složité poznat a vědět, jak dělat věci co nejlépe, pak se poradit s odborníkem, jako to děláme i v jiných oblastech,“ uzavírá Whitten.

Odborná spolupráce

Iva Whitten 

Fyzioterapeutka zabývající se terapií miminek, dětí i dospělých. Praxi ve fyzioterapii se věnuje od roku 2005, důraz klade na individuální, komplexní a aktivní přístup. Působí také jako kondiční a fyzio trenérka baseballového klubu Tempo Praha a jako lektorka cvičení a metodička kojeneckých kurzů v Pohybu dětem.

Kristýna Přibylová

Majitelka sítě dětských tělocvičen Monkey's Gym.

Autor článku

Redaktorka serveru Vitalia.cz. Zaměřuje se především na zdravý životní styl, pohyb a zdraví dětí. Mimo novinařinu pracuje také jako lektorka pohybových kurzů pro děti a rodiče.

'; document.getElementById('preroll-iframe').onload = function () { setupIframe(); } prerollContainer = document.getElementsByClassName('preroll-container-iframe')[0]; } function setupIframe() { prerollDocument = document.getElementById('preroll-iframe').contentWindow.document; let el = prerollDocument.createElement('style'); prerollDocument.head.appendChild(el); el.innerText = "#adContainer>div:nth-of-type(1),#adContainer>div:nth-of-type(1) > iframe { width: 99% !important;height: 99% !important;max-width: 100%;}#videoContent,body{ width:100vw;height:100vh}body{ font-family:'Helvetica Neue',Arial,sans-serif}#videoContent{ overflow:hidden;background:#000}#adMuteBtn{ width:35px;height:35px;border:0;background:0 0;display:none;position:absolute;fill:rgba(230,230,230,1);bottom:20px;right:25px}"; videoContent = prerollDocument.getElementById('contentElement'); videoContent.style.display = 'none'; videoContent.volume = 1; videoContent.muted = false; const playPromise = videoContent.play(); if (playPromise !== undefined) { playPromise.then(function () { console.log('PREROLL sound allowed'); // setUpIMA(true); videoContent.volume = 1; videoContent.muted = false; setUpIMA(); }).catch(function () { console.log('PREROLL sound forbidden'); videoContent.volume = 0; videoContent.muted = true; setUpIMA(); }); } } function setupDimensions() { prerollWidth = Math.min(iinfoPrerollPosition.offsetWidth, 480); prerollHeight = Math.min(iinfoPrerollPosition.offsetHeight, 320); } function setUpIMA() { google.ima.settings.setDisableCustomPlaybackForIOS10Plus(true); google.ima.settings.setLocale('cs'); google.ima.settings.setNumRedirects(10); // 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('Preroll advert: ' + iinfoVastUrls[iinfoVastUrlIndex]); videoContent.muted = false; videoContent.volume = 1; // Specify the linear and nonlinear slot sizes. This helps the SDK to // select the correct creative if multiple are returned. // adsRequest.linearAdSlotWidth = prerollWidth; // adsRequest.linearAdSlotHeight = prerollHeight; adsRequest.nonLinearAdSlotWidth = 0; adsRequest.nonLinearAdSlotHeight = 0; adsLoader.requestAds(adsRequest); } function createAdDisplayContainer() { // We assume the adContainer is the DOM id of the element that will house // the ads. prerollDocument.getElementById('videoContent').style.display = 'none'; adDisplayContainer = new google.ima.AdDisplayContainer( prerollDocument.getElementById('adContainer'), videoContent); } function unmutePrerollAdvert() { adVolume = !adVolume; if (adVolume) { adsManager.setVolume(0.3); prerollDocument.getElementById('adMuteBtn').innerHTML = ''; } else { adsManager.setVolume(0); prerollDocument.getElementById('adMuteBtn').innerHTML = ''; } } 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(); } function playAds() { // Initialize the container. Must be done through a user action on mobile // devices. videoContent.load(); adDisplayContainer.initialize(); // setupDimensions(); try { // Initialize the ads manager. Ad rules playlist will start at this time. adsManager.init(1920, 1080, google.ima.ViewMode.NORMAL); // Call play to start showing the ad. Single video and overlay ads will // start at this time; the call will be ignored for ad rules. adsManager.start(); // window.addEventListener('resize', function (event) { // if (adsManager) { // setupDimensions(); // adsManager.resize(prerollWidth, prerollHeight, google.ima.ViewMode.NORMAL); // } // }); } catch (adError) { // An error may be thrown if there was a problem with the VAST response. // videoContent.play(); } } function onAdEvent(adEvent) { const ad = adEvent.getAd(); console.log('Preroll event: ' + adEvent.type); switch (adEvent.type) { case google.ima.AdEvent.Type.LOADED: if (!ad.isLinear()) { videoContent.play(); } prerollDocument.getElementById('adContainer').style.width = '100%'; prerollDocument.getElementById('adContainer').style.maxWidth = '640px'; prerollDocument.getElementById('adContainer').style.height = '360px'; break; case google.ima.AdEvent.Type.STARTED: window.addEventListener('scroll', onActiveView); if (ad.isLinear()) { intervalTimer = setInterval( function () { // Example: const remainingTime = adsManager.getRemainingTime(); // adsManager.pause(); }, 300); // every 300ms } prerollDocument.getElementById('adMuteBtn').style.display = 'block'; break; case google.ima.AdEvent.Type.ALL_ADS_COMPLETED: if (ad.isLinear()) { clearInterval(intervalTimer); } if (prerollLastError === 303) { playYtVideo(); } break; case google.ima.AdEvent.Type.COMPLETE: if (ad.isLinear()) { clearInterval(intervalTimer); } playYtVideo(); break; } } function onAdError(adErrorEvent) { console.log(adErrorEvent.getError()); prerollLastError = adErrorEvent.getError().getErrorCode(); if (!loadNext()) { playYtVideo(); } } function loadNext() { iinfoVastUrlIndex++; if (iinfoVastUrlIndex < iinfoVastUrls.length) { iinfoPrerollPosition.remove(); playPrerollAd(); } else { return false; } adVolume = 1; return true; } function onContentPauseRequested() { videoContent.pause(); } function onContentResumeRequested() { videoContent.play(); } function onActiveView() { if (prerollContainer) { const containerOffset = prerollContainer.getBoundingClientRect(); const windowHeight = window.innerHeight; if (containerOffset.top < windowHeight/1 && containerOffset.bottom > 0.0) { if (prerollPaused) { adsManager.resume(); prerollPaused = false; } return true; } else { if (!prerollPaused) { adsManager.pause(); prerollPaused = true; } } } return false; } function playYtVideo() { iinfoPrerollPosition.remove(); youtubeIframe.style.display = 'block'; youtubeIframe.src += '&autoplay=1&mute=1'; } }
Upozorníme vás na články, které by vám neměly uniknout (maximálně 2x týdně).
'; document.getElementById('outstream-iframe').onload = function () { setupIframe(); } replayScreen = document.getElementById('iinfoOutstreamReplay'); iinfoOutstreamPosition = document.getElementById('iinfoOutstreamPosition'); outstreamContainer = document.getElementsByClassName('outstream-container')[0]; setupReplayScreen(); } function setupIframe() { outstreamDocument = document.getElementById('outstream-iframe').contentWindow.document; let el = outstreamDocument.createElement('style'); outstreamDocument.head.appendChild(el); el.innerText = "#adContainer>div:nth-of-type(1),#adContainer>div:nth-of-type(1) > iframe { width: 99% !important;height: 99% !important;max-width: 100%;}#videoContent,body{ width:100vw;height:100vh}body{ font-family:'Helvetica Neue',Arial,sans-serif}#videoContent{ overflow:hidden;background:#000}#adMuteBtn{ width:35px;height:35px;border:0;background:0 0;display:none;position:absolute;fill:rgba(230,230,230,1);bottom:-5px;right:25px}"; videoContent = outstreamDocument.getElementById('contentElement'); videoContent.style.display = 'none'; videoContent.volume = 1; videoContent.muted = false; if ( location.href.indexOf('rejstriky.finance.cz') !== -1 || location.href.indexOf('finance-rejstrik') !== -1 || location.href.indexOf('firmy.euro.cz') !== -1 || location.href.indexOf('euro-rejstrik') !== -1 || location.href.indexOf('/rejstrik/') !== -1 || location.href.indexOf('/rejstrik-firem/') !== -1) { outstreamDirectPlayed = true; soundAllowed = true; iinfoVastUrlIndex = 0; } if (!outstreamDirectPlayed) { console.log('OUTSTREAM direct'); setUpIMA(true); } else { if (soundAllowed) { const playPromise = videoContent.play(); if (playPromise !== undefined) { playPromise.then(function () { console.log('OUTSTREAM sound allowed'); setUpIMA(false); }).catch(function () { console.log('OUTSTREAM sound forbidden'); renderBanner(); }); } } else { renderBanner(); } } } function getWrapper() { let articleWrapper = document.querySelector('.rs-outstream-placeholder'); // Outstream Placeholder from RedSys manipulation if (articleWrapper && articleWrapper.style.display !== 'block') { articleWrapper.innerHTML = ""; articleWrapper.style.display = 'block'; } // Don't render OutStream on homepages if (articleWrapper === null) { if (document.querySelector('body.p-index')) { return null; } } if (articleWrapper === null) { articleWrapper = document.getElementById('iinfo-outstream'); } if (articleWrapper === null) { articleWrapper = document.querySelector('.layout-main__content .detail__article p:nth-of-type(6)'); } if (articleWrapper === null) { // Euro, Autobible, Zdravi articleWrapper = document.querySelector('.o-article .o-article__text p:nth-of-type(6)'); } if (articleWrapper === null) { articleWrapper = document.getElementById('sidebar'); } if (!articleWrapper) { console.error("Outstream wrapper of article was not found."); } return articleWrapper; } function setupDimensions() { outstreamWidth = Math.min(iinfoOutstreamPosition.offsetWidth, 480); outstreamHeight = Math.min(iinfoOutstreamPosition.offsetHeight, 320); } /** * Sets up IMA ad display container, ads loader, and makes an ad request. */ function setUpIMA(direct) { google.ima.settings.setDisableCustomPlaybackForIOS10Plus(true); google.ima.settings.setLocale('cs'); google.ima.settings.setNumRedirects(10); // 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(); if (direct) { adsRequest.adTagUrl = directVast; console.log('Outstream DIRECT CAMPAING advert: ' + directVast); videoContent.muted = true; videoContent.volume = 0; outstreamDirectPlayed = true; } else { adsRequest.adTagUrl = iinfoVastUrls[iinfoVastUrlIndex]; console.log('Outstream advert: ' + iinfoVastUrls[iinfoVastUrlIndex]); videoContent.muted = false; videoContent.volume = 1; } // Specify the linear and nonlinear slot sizes. This helps the SDK to // select the correct creative if multiple are returned. // adsRequest.linearAdSlotWidth = outstreamWidth; // adsRequest.linearAdSlotHeight = outstreamHeight; adsRequest.nonLinearAdSlotWidth = 0; adsRequest.nonLinearAdSlotHeight = 0; adsLoader.requestAds(adsRequest); } function setupReplayScreen() { replayScreen.addEventListener('click', function () { iinfoOutstreamPosition.remove(); iinfoVastUrlIndex = 0; outstreamInit(); }); } /** * 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. outstreamDocument.getElementById('videoContent').style.display = 'none'; adDisplayContainer = new google.ima.AdDisplayContainer( outstreamDocument.getElementById('adContainer'), videoContent); } function unmuteAdvert() { adVolume = !adVolume; if (adVolume) { adsManager.setVolume(0.3); outstreamDocument.getElementById('adMuteBtn').innerHTML = ''; } else { adsManager.setVolume(0); outstreamDocument.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(); // setupDimensions(); try { // Initialize the ads manager. Ad rules playlist will start at this time. adsManager.init(1920, 1080, google.ima.ViewMode.NORMAL); // Call play to start showing the ad. Single video and overlay ads will // start at this time; the call will be ignored for ad rules. adsManager.start(); // window.addEventListener('resize', function (event) { // if (adsManager) { // setupDimensions(); // adsManager.resize(outstreamWidth, outstreamHeight, 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(); } outstreamDocument.getElementById('adContainer').style.width = '100%'; outstreamDocument.getElementById('adContainer').style.maxWidth = '640px'; outstreamDocument.getElementById('adContainer').style.height = '360px'; break; case google.ima.AdEvent.Type.STARTED: window.addEventListener('scroll', onActiveView); // 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(); // adsManager.pause(); }, 300); // every 300ms } outstreamDocument.getElementById('adMuteBtn').style.display = 'block'; break; case google.ima.AdEvent.Type.ALL_ADS_COMPLETED: if (ad.isLinear()) { clearInterval(intervalTimer); } if (outstreamLastError === 303) { if (isBanner) { renderBanner(); } else { replayScreen.style.display = 'flex'; } } 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 (isBanner) { renderBanner(); } else { replayScreen.style.display = 'flex'; } break; } } /** * Handles ad errors. * @param { !google.ima.AdErrorEvent } adErrorEvent */ function onAdError(adErrorEvent) { // Handle the error logging. console.log(adErrorEvent.getError()); outstreamLastError = adErrorEvent.getError().getErrorCode(); if (!loadNext()) { renderBanner(); } } function renderBanner() { if (isBanner) { console.log('Outstream: Render Banner'); iinfoOutstreamPosition.innerHTML = ""; iinfoOutstreamPosition.style.height = "330px"; iinfoOutstreamPosition.appendChild(bannerDiv); } else { console.log('Outstream: Banner is not set'); } } function loadNext() { iinfoVastUrlIndex++; if (iinfoVastUrlIndex < iinfoVastUrls.length) { iinfoOutstreamPosition.remove(); outstreamInit(); } else { return false; } adVolume = 1; return true; } /** * 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(); } function onActiveView() { if (outstreamContainer) { const containerOffset = outstreamContainer.getBoundingClientRect(); const windowHeight = window.innerHeight; if (containerOffset.top < windowHeight/1 && containerOffset.bottom > 0.0) { if (outstreamPaused) { adsManager.resume(); outstreamPaused = false; } return true; } else { if (!outstreamPaused) { adsManager.pause(); outstreamPaused = true; } } } return false; } let outstreamInitInterval; if (typeof cpexPackage !== "undefined") { outstreamInitInterval = setInterval(tryToInitializeOutstream, 100); } else { const wrapper = getWrapper(); if (wrapper) { let outstreamInitialized = false; window.addEventListener('scroll', () => { if (!outstreamInitialized) { const containerOffset = wrapper.getBoundingClientRect(); const windowHeight = window.innerHeight; if (containerOffset.top < windowHeight / 1 && containerOffset.bottom > 0.0) { outstreamInit(); outstreamInitialized = true; } } }); } } function tryToInitializeOutstream() { const wrapper = getWrapper(); if (wrapper) { const containerOffset = wrapper.getBoundingClientRect(); const windowHeight = window.innerHeight; if (containerOffset.top < windowHeight / 1 && containerOffset.bottom > 0.0) { if (cpexPackage.adserver.displayed) { clearInterval(outstreamInitInterval); outstreamInit(); } } } else { clearInterval(outstreamInitInterval); } } }
OSZAR »