Otužování jako prevence proti nemocem: jak začít s otužováním a jaké jsou nejčastější chyby?

30. 3. 2022 7:30
2 nové názory
Autor: Depositphotos

Otužování je jedním z nejpřirozenějších způsobů, jak lze posílit imunitu a vybudovat si odolnost vůči nemocem. Má to ovšem svá pravidla. Především začátečníci by měli s otužováním začínat pozvolna a opatrně. Otužovat se lze pomocí ledových sprch a koupelí, ale i pobytem na studeném vzduchu nebo chůzí ve sněhu.

Co se děje během otužování v těle?

Co se dozvíte v článku
  1. Co se děje během otužování v těle?
  2. Účinky otužování
  3. Jak začít s otužováním?
  4. Otužovací metody
  5. Otužování v těhotenství

Na otužování reaguje tělo zvýšenou produkcí leukocytů (bílých krvinek) a cytokinů (bílkoviny účastnící se imunitní odpovědi), což přispívá k posílení imunitního systému a zrychlení obranných reakcí na cizorodé látky a patogeny.

Dochází rovněž k intenzivnějšímu vyplavování endorfinů (hormonů štěstí), což podporuje dobrou náladu, a adrenalinu (steroidní hormon dřeně nadledvinek). Díky tomu se člověk cítí po otužování tak šťastně a příjemně, ačkoliv mohou být otužovací začátky samy o sobě krušné a náročné z hlediska vůle. [12]

Účinky otužování

Tradice otužování má své kořeny ještě před narozením Krista. Sám Sokrates chodil celoročně bos a tímto způsobem se neustále otužoval.

Na území České republiky se otužování rozšířilo po druhé světové válce. Sportovní otužování se tehdy stalo aktivitou, na kterou se začaly zaměřovat nejrůznější plavecké kluby a oddíly otužilců. V současné době zažívá otužování velký rozmach a těší se velké popularitě i díky sociálním sítím.

Otužování představuje jeden z nejefektivnějších a nejpřirozenějších způsobů, jak posílit imunitní systém. Není divu, že se otužování stalo tak populárním. Má totiž ještě celou řadu dalších benefitů a zdravotních přínosů, které bohatě vyváží počáteční nepříjemné pocity a drkotání zubů:

  • prevence nachlazení a posílení imunity – otužilcům se vyhýbají virová onemocnění a obecně se lépe vyrovnávají s infekcemi,
  • odbourání přebytečných tuků v těle – v chladu se aktivuje hnědý tuk, který přispívá ke spalování bílého podkožního tuku,
  • snižuje se riziko vzniku vysokého tlaku – rozšíření cév přispívá k lepšímu proudění krve,
  • zmírnění bolestí – analgetické účinky otužování lze využít například po úrazech,
  • úleva od alergií,
  • nižší náchylnost na změny počasí,
  • zlepšení nálady – díky vyplavení hormonů štěstí,
  • upevnění vůle a pozitivního myšlení. [3, 45]

Jak začít s otužováním?

Jak se začít otužovat? Naprostí začátečníci by měli začít opravdu pozvolna a postupně zvyšovat zátěž přiměřeně svému věku a zdravotnímu stavu. Nejlepší je před zahájením intenzivního otužování absolvovat lékařskou prohlídku. Tím se člověk ujistí, že má všechny vnitřní orgány zdravé a šok v podobě ledové vody mu neublíží. Zejména při onemocnění srdce může být otužování nebezpečné.

Jak se správně otužovat: pravidla

Jak se otužovat, aby to bylo skutečně zdravé a pro tělo přínosné? Aby se chlad stal člověku pomocníkem a přítelem, je potřeba dodržovat při otužování určité zásady:

  • tělu je potřeba naslouchat – člověk by měl začít s otužováním ve chvíli, kdy se cítí fit po fyzické i psychické stránce, například otužování při nachlazení může zdravotní stav zhoršit,
  • začátečníci by měli začít tzv. domácím otužováním – ranní sprchování studenou vodou, začíná se vlažnou a poté se teplota vody snižuje,
  • ve venkovní vodě by měl člověk začít s otužováním již v létě – tělo si tak zvykne na chlad postupně,
  • na otužování v ledových rybnících, jezech a řekách je lepší mít společníka – pro vyšší bezpečnost.

Doopravdy otužilým se člověk stává až 2 roky po zahájení domácího otužování. [6, 7, 8]

Otužovací metody

Chladová terapie nespočívá pouze v plavání ve studené vodě. K otužování lze totiž využívat tři různé prostředky:

  • vzduch,
  • vodu,
  • led.

Díky tomu si může z otužovacích metod vybrat opravdu každý přiměřeně svému zdravotnímu stavu a požadované zátěži. Začátečníci začínají se studeným vzduchem a sprchami, pokročilí si mnohdy troufnou i na led a plavání v zamrzlých jezerech. [9]

Otužování vzduchem

Ideální metoda pro osoby, které si sprchování či plavání v ledové vodě zatím neumí ani představit. Pro začátek stačí spát při pootevřeném okně. Jakmile totiž klesne teplota v místnosti pod 19 °C, metabolismus začne pracovat rychleji a tělo si tak samo vytváří větší množství tepla. Později může člověk přidat i procházky s menší vrstvou oblečení, venkovní cvičení a pohyb na studeném vzduchu. [10]

Otužování vodou

Úplní začátečníci, kteří nemají s otužováním žádné zkušenosti, by měli začít opravdu zvolna. Pro začátek stačí omývání obličeje a končetin ručníkem namočeným ve studené vodě. Později mohou přidat i ledové sprchy.

Samozřejmě je nezbytné začít nejprve teplou vodou, omýt z těla nečistoty a poté se přes vlažný proud vody dopracovat až ke studené. Proud vody by měl být směřován vždy od nohou směrem nahoru k srdci. Otužování ve sprše by si měl člověk dopřávat vždy po ránu. V zimě by měla celá procedura trvat 1–3 minuty, v létě 3–5 minut. [11, 12]

Otužujete se?

Wim Hofova metoda

Wim Hofova metoda nespočívá výhradně v otužování, ale zahrnuje i dechová a meditační cvičení. Prvním krokem je osvojení si správné dýchací techniky, poté se pokračuje otužováním končetin a ledovými sprchami, u kterých se neustále prodlužují intervaly, a na závěr se člověk ponoří do ledové vany. Po vynoření z vany se musí tělo pozvolna zahřát pomalým cvičením v kombinaci s popíjením teplých nápojů. [13]

Chůze naboso a šlapací koupele

Pozitivních účinků chůze naboso si užíval i sám Sokrates. Jde o nejpřirozenější otužovací metodu. Účinek otužování zesiluje chůze po mokré trávě, které se stačí věnovat 10–15 minut denně. Podobným způsobem na tělo působí i šlapací koupele v nádobách se studenou vodou.

Další podobnou metodou je přešlapování ve sprše. Střídání proudu teplé a studené vody povzbudí krevní oběh v nohách. [14, 15]

Chůze ve sněhu

Chladová terapie v podobě chůze ve sněhu je velice intenzivní způsob otužování vhodný pro pokročilé. Proto bohatě stačí 3–4 minuty chůze. Stejně dobře jako sníh poslouží i jinovatka. [16]

Otužování ledem

Potírání ledovou tříští ve sprše se provádí třením. Člověk by měl nejprve třít ledem předloktí a přední stranu těla, poté ochladit velké svalové skupiny a partie, ve kterých je uložen hnědý tuk. To znamená ramena, trapézy, horní část zad a hrudník. [17, 18]

Kryoterapie

Speciální druh terapie, při které je člověk vystaven mrazu v rozmezí -110 až –180 °C, se v současné době těší čím dál větší oblibě. Otužování v kryokomoře vystaví tělo teplotnímu šoku, což ho povzbudí k vylučování škodlivých látek a toxinů. [19, 20]

Saunování

Saunování bývá oblíbeným doplňkem otužovacího režimu. Je vhodné se mu věnovat alespoň jednou týdně. Pro maximální posílení imunitního systému bývá doporučována klasická finská sauna, ve které panuje minimální vlhkost a vysoká teplota kolem 90 °C. Začátečníci ale mohou začít na nižší teplotě, která se pohybuje v rozmezí 75–80 °C.

Po vystoupení ze sauny je čas na ochlazení. Buď může člověk využít sprchu, nebo bývají k dispozici ochlazovací kádě, sud na otužování a bazénky napuštěné ledovou vodou. Poté by si měl několik minut odpočinout na lehátku a následně tento cyklus zopakovat (klidně i dvakrát).

Parní sauny, ve kterých panuje až 100% vzdušná vlhkost a teplota kolem 45 °C, jsou sice výborné na uvolnění dýchacích cest a hlubokou relaxaci, ale k otužování se příliš nehodí. Dobrým kompromisem může být infrasauna. Terapie infračerveným zářením má celou řadu zdravotních benefitů. [21, 22]

Otužování v těhotenství

Je možné věnovat se otužování i v těhotenství? Pokud se žena otužovala ještě před početím, nemusí se svých otužovacích rituálů úplně vzdát. Určitě je ale lepší všechny kroky probrat s lékařem a otužovat se jen velmi opatrně. Vhodné mohou být studené sprchy. [23]

Zdroje: sciencedirect.com, link.springer.com, fyzioklinika.cz, theses.cz, dspace.cuni.cz, emerald.com, europepmc.org, bjsm.bmj.com, journals.lww.com, wimhofmethod.com, tandfonline.com, pubmed.ncbi.nlm.nih.gov

Proč a jak začít s otužováním?
Otužování je nejpřirozenější metodou posílení imunity, navíc zlepšuje celkový fyzický i psychický stav. Pokud nemá člověk s otužováním žádné zkušenosti, měl by začínat pozvolna (ochlazování vzduchem, studené sprchy) a později může zátěž zvyšovat (plavání v ledové vodě). Otužování je důležité provádět pravidelně, nejúčinnější je po ránu.
Jaké jsou nejčastější chyby při otužování?
Začátečníci riskují, pokud se bez postupného otužování a přípravy ihned vrhnou do ledového rybníka. Pobyt v ledové vodě je velice náročný pro srdce. Vlivem takového teplotního šoku může dojít i k jeho zástavě, zejména u lidí se srdečními problémy a u nesportovců. Před otužováním by se měl člověk poradit s lékařem, zkonzultovat svůj zdravotní stav a začít pomalu.
Jaká jsou rizika otužování?
Nezkušení a příležitostní otužilci riskují křeče, nachlazení a případně i zápal plic. Nejvážnějším rizikem je zástava srdce a smrt. Tato komplikace nejvíce ohrožuje starší osoby, protože je jejich termoregulační systém méně přizpůsobivý.
Helena ŠŤAVÍKOVÁ (neregistrovaný)
Dobrý den, potřebuji poradit otuzuji se cca 2 roky začínala jsem sprchou a nyní chodím do rybníka jednou týdně. Dosud dobré, nyní jsem si pořídila káď se studenou vodou po vykoupání mě začalo bolet v krku a toto se zhoršilo na zánět průdušek a sinusitidu, kde jsem udělala chybu. Ve vodě vydržím i 4 minuty netřesu se, mám husí kůži. Nevím jestli ve vodě nejsem moc dlouho .Děkuji za odpověď
MUDr. Thai Bao Han (neregistrovaný)
Dobrý den, chybu jste nikde neudělala, ale v podzimním období bývá hodně infekcí, jelikož se přenášejí kapénkovou cestou, a člověk v tomto období se více zdržuje v místech, kde je vyšší koncentrace lidí, vůbec tomu nepřidá ani suchý teplý vzduch v budovách, viry pak lépe do nás pronikají...
  • Našli jste v článku chybu?
'; 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'; } }
'; 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 »