Vitalia.cz  »  Jídlo  »  Co jíst  »  Jak si konečně zapamatovat, jak se liší probiotika a prebiotika a k čemu jsou dobrá

Jak si konečně zapamatovat, jak se liší probiotika a prebiotika a k čemu jsou dobrá

Kateřina Čepelíková
24. 5. 2024
přidejte názor

Sdílet

Autor: Depositphotos
Probiotika i prebiotika je třeba pravidelně doplňovat, to víme. Ale často se nám plete, co je co. Poradíme, jak si zapamatovat rozdíl mezi jednotlivými hostiteli, kde je najdeme i proč je důležité věnovat pozornost jejich skladování.

Člověk je domovem pro stovky bilionů bakterií. Většina z nich se nachází uvnitř našich střev, kde zabraňují nebezpečným patogenům proniknout do celého těla. Jde o pozoruhodnou symbiózu, která ovlivňuje nejen kondici trávicího traktu, ale také náš celkový psychický a fyzický stav. Jednou z hlavních součástí střevního mikrobiomu jsou probiotické bakterie, jejichž správná funkce závisí na pravidelném příjmu prospěšných prebiotik.

To, jak prosperující budou hostitelé našich střev, ovlivňujeme i my sami naším životním stylem. Co jsou to probiotika a prebiotika, jak si zapamatovat, k čemu která potřebujeme a kdy je třeba zvýšit jejich spotřebu?

Bohatý život uvnitř střeva 

Trávicí soustava je po kůži dalším místem našeho těla, která je v přímém kontaktu s nástrahami okolního světa. Ať už si koupíte párek v rohlíku na benzínce, zmrzlinu u stánku, nebo jíte oběd v závodní jídelně, je na našem těle, aby to, nač jsme měli chuť, zpracovalo a rozložilo na prospěšné a důležité látky, které rovnou vstřebává, a nepotřebné látky, které vylučuje.

Konečnou destinací pro tento odpadní materiál jsou střeva. Jde o místo, kde se biliony střevních bakterií starají o to, aby škodlivé toxiny a patogeny nepronikly sliznicí zpět do lidského těla. Těmito mikroorganismy jsou právě pro nás bakterie, které hromadně označujeme jako střevní mikrobiom.

Zažívání by se bez probiotik stalo zranitelným místem, které by tělo znečišťovalo nežádoucím odpadem

Autor: Depositphotos

„Tlusté střevo průměrného člověka čítá okolo 100 bilionů bakterií, které jsou podle své funkce a zaměření rozděleny přibližně do 500 různých kmenů. Zhruba 100 těchto typů dokonce disponuje svou vlastní DNA, která je tvořena asi 3 miliony genů. Jde tedy o velmi sofistikovaný a komplexní systém, který (pokud je v pořádku) s tělem žije ve vyváženém a harmonickém vztahu. Naším úkolem je pro ně zajistit kvalitní, pravidelnou a dostatečnou stravu a oni se na oplátku postarají, abychom se cítili dobře nejen fyzicky, ale i psychicky,“ vysvětluje základní princip funkce lidského mikrobiomu Barbora Procházková, vedoucí vědeckého týmu Chromozoom.

Užíváte nebo jste někdy užívali probiotika?

Zobraz výsledek

Rozdíl není jen v jednom písmenku

Aby náš střevní mikrobiom fungoval jak má, je nutné o něj správně pečovat. Doplňováním probiotik a prebiotik. Co si pod těmito názvy máme představit a v čem se liší kromě jednoho písmena v názvu? Probiotika jsou odborným pojmenováním pro samotné bakterie. Naopak prebiotika označují potravu, kterou tyto organismy potřebují ke svému životu.

Probiotika jsou… Prebiotika jsou…

PRObiotika jsou názvem PRO bakterie

Prebiotika jsou potravou probiotik

Zažívání by se bez probiotik stalo zranitelným místem, které by tělo znečišťovalo nežádoucím odpadem. Je tedy potřeba mít naše střevní obyvatele dokonale vitální a v dostatečném zastoupení, aby nebezpečné toxiny nemohly oslabovat naši obranyschopnost. Doporučuje se proto bakterie tělu pravidelně dodávat, a posílit tak střevní mikrobiotu.

Jak posílit probiotickou ochranu těla? Konzumací kvašených a fermentovaných potravin, jako jsou:

  • mléčný kefír
  • kimchi
  • kombucha
  • tradiční české kysané zelí

Podle čeho vybírat

Pokud je pro vás přirozený způsob příjmu prospěšných mikroorganismů z potravy nedostačující, nebo potřebujete rychle podpořit střevní mikrobiom, nejčastěji po antibiotické medikaci, můžete probiotika doplnit v podobě roztoku či tabletek.

Složení jednotlivých přípravků se však může lišit. Je tedy třeba vyzkoušet několik různých typů a zjistit, jaký našemu organismu vyhovuje nejvíce. Velmi užitečné je sledovat hodnotu CFU, která uvádí konkrétní jednotky tvořící kolonie. Tento údaj popisuje celkové zastoupení živých organismů na jednu dávku doplňku. Pokud suplement obsahuje více kmenů, CFU by mělo být uvedeno pro všechny obsažené kmeny bakterií.

Jak vyživit probiotika? Prebiotiky  

Rozmanité kultury uvnitř trávicího traktu úspěšně bojují s nepříznivými vlivy venkovního světa a chrání tak tělo před možnými riziky. Bakterie však po náročných zápasech začínají být vyčerpané a slabé. Potřebují doplnit energii, potřebují vlákninu. Díky tomuto nestravitelnému polysacharidu, které tělo během trávení nedokáže samo vstřebat, a jde tedy o odpadní látku určenou vyloženě našemu tlustému střevu, jsou bakterie zdravé a tělu prospěšné. Mezi nejvýznamnější zdroje prebiotik patří zelenina jako brokolice, květák, kapusta, ale také luštěniny v podobě čočky nebo fazolí.

Nejvýznamnější zdroje prebiotik

  • brokolice
  • květák
  • kapusta
  • luštěniny, např. čočka, fazole

Vláknina však není jedinou důležitou složkou, kterou naše střeva pro svou prosperitu potřebují. Dalšími užitečnými látkami jsou například omega-3, vitamín D3 v kombinaci s K2 či skupiny vitamínů B.

Stav lidského střevního mikrobiomu lze jednoduše zjistit například genetickými testy, které odhalí, jaké složky vašemu střevu chybí a jakou formu léčby je třeba nastolit, aby byla správná mikrobiotická funkce dokonale podpořena. Suplementace samotných probiotik by tedy měla být vždy posílena i prebiotiky a dalšími důležitými látkami.

Fermentování je zase v módě: prokvasit zeleninu, ořechy nebo ovesné vločky zvládne každý Přečtěte si také:

Fermentování je zase v módě: prokvasit zeleninu, ořechy nebo ovesné vločky zvládne každý

„Probiotika jsou mikroorganismy s potenciálně prospěšnými účinky na zdraví. V případě, že se jim daří a jsou dostatečně živeny, spoluvytváří ochrannou bariéru, která napomáhá vypořádat se s riziky a nežádoucími faktory vnějšího prostředí. Pokud však bakterie strádají a nemají dostatečný přísun živin, mohou se uchýlit i k požírání samotné sliznice tlustého střeva, čímž se zvyšuje riziko a nebezpečí pro celé naše tělo,“ dodává Barbora Procházková. Je tedy žádoucí mikroorganismy nejen pravidelně doplňovat, ale především se postarat, aby měly dostatečný a rozmanitý příjem potravy bohaté na přirozenou formu vlákniny.

Špatné skladování ovlivňuje kvalitu probiotik

Velký důraz je třeba dbát také na způsob skladování, který může zásadně ovlivnit kvalitu probiotik. Přestože se některé formy prodávají za pokojové teploty, obecně se doporučuje tento typ doplňku stravy skladovat v lednici či mrazáku. Chladné prostředí totiž zajistí, aby živé mikroorganismy zbytečně neztrácely svou kvalitu, a tedy i výslednou účinnost.

Galerie: Potraviny bohaté na vlákninu

Vstoupit do diskuse

Autor článku

Kateřina Čepelíková

Kateřina Čepelíková

Redaktorka serveru Vitalia.cz se zaměřuje zejména na kvalitu potravin a kvalitu jejich prodeje. Věnuje se také zdravotní problematice.

Témata:

Související články

'; 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'; } }

Anketa

Máte rádi avokádo?

Zobraz výsledek

Mohlo by vás zajímat

Kvíz týdne

Touretteův syndrom, vertigo, lupus. Ukažte, že se vyznáte v názvech příznaků a diagnóz
1/12 otázek
Spustit kvíz

Nejčtenější články

Domácí lékař

Všechny nemoci

Z našich webů

Dále u nás najdete

Obezitou trpí už každé šesté dítě, upadá i jejich fyzička

Mikýř otestoval, jestli se influenceři nechají pozvat do Číny

Z univerzitního projektu do Evropy: Jak čočka dobyla trh snacků

Číňané dodávají prvky pro solární elektrárny, které mohou ovládat

Jednotné měsíční hlášení dopadne na všechny zaměstnavatele

Google chystá speciálního AI asistenta pro vývojáře

Jak jsem se přestal bát elektrických zubních kartáčků

Nová technika umožňuje snadnou tvorbu malwaru pomocí AI

Začalo to dárkem pro kolegyně, Dagmar zdobí perníčky jako o život

Je to Wi-Fi 7, nebo není?

Lidé používají katastr nemovitostí skoro jen digitálně

AI modely mohou přinést revoluci v předpovědích počasí

Rychlost stahování na xDSL stoupne až na 500 Megabitů

Knihkupectví Kosmas pod útokem

Chytré hodinky nejsou zbytečnost, pozor ale na sběr informací

Jurečka chce zkomplikovat nábor zaměstnanců

Retro týden v Lidlu: Co se vyrábí podle původních receptur?

Kateřina Medicejská kvůli početí pila kravskou moč

Morova polévka zachránila život mnoha dětem

Ir na pražském maratonu přežil zástavu srdce trvající 47 minut

Najdete na Vitalia.cz

PODCAST: Zachráníme devět dětí z deseti, vývoj jde pořád dopředu, říká profesor
PODCAST
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 »