Otok mozku může způsobit trvalé následky i smrt. Nejčastěji k němu dochází při úrazech hlavy

6. 11. 2023 7:30
přidejte názor
Autor: Depositphotos/samunella

Zanedbané úrazy hlavy mohou být mnohem nebezpečnější, než se zdají. Na následky neléčeného otoku mozku, který vzniká buď v důsledku úrazu, nebo také z jiných příčin, může i jinak zcela zdravý člověk zemřít. Pokud jste si poranili hlavu například pádem z kola nebo jiným způsobem, rozhodně neváhejte navštívit svého lékaře a nespoléhejte se pouze na domácí léčbu.

Co je otok mozku

Co se dozvíte v článku
  1. Co je otok mozku
  2. Intrakraniální tlak
  3. Jaké má otok mozku příčiny
  4. Příznaky otoku mozku
  5. Diagnostika
  6. Otok mozku a jeho léčba
  7. Jaké může mít otok mozku následky

Pod pojmem otok mozku (nebo též edém mozku) se skrývá život ohrožující stav, kdy mozková tkáň zvýší svůj objem na základě nahromadění tekutiny. Tato tekutina zvyšuje intrakraniální tlak (ICP), což má za následek snížení průtoku krve mozkem, a tím pádem i nedostatečné zásobení mozku kyslíkem. Nedostatek kyslíku pak může poškodit mozkové buňky nebo způsobit jejich smrt, což může mít pro pacienta fatální následky.

Lékaři rozlišují několik typů mozkového edému v závislosti na příčině a závažnosti poranění mozku. Kromě toho se jednotlivé typy rozdělují také na základě toho, jak zranění ovlivňuje hematoencefalickou bariéru (BBB), což je propustná vrstva v mozku, která ovlivňuje transport sloučenin mezi centrálním nervovým systémem a lokálními cévami. Mezi nejčastější typy mozkového edému pak patří:

  • Vasogenní edém – nahromadění tekutiny na vnější straně mozkových buněk v důsledku poruchy BBB. Tento typ edému způsobují například nádory na mozku.
  • Buněčný edém – nahromadění tekutiny uvnitř mozkových buněk. Může být způsoben mrtvicí nebo hypoxií.
  • Osmotický edém – intoxikace mozkových buněk vodou v důsledku nerovnováhy elektrolytů. Nejčastější příčinou bývá hyponatremie, diabetická ketoacidóza (DKA) nebo jiná metabolická příčina.
  • Intersticiální edém: nastává, když mozkomíšní mok pronikne do jiných částí mozku. Bývá zapříčiněn hydrocefalem nebo meningitidou.
  • Hydrostatický edém: vzniká v důsledku hypertenze v mozkových tepnách. [1, 2, 34]

Intrakraniální tlak

Nitrolební tlak představuje tlak mozkomíšního moku, který se vyskytuje v takzvaném subarachnoidálním prostoru. Zjednodušeně řečeno se jedná o oblast mezi mozkem a lebkou, respektive mezi pavučnicí a omozečnicí. Pavučnice (arachnoidea) tvoří prostřední obal centrální nervové soustavy, který obklopuje mozek. Pod tímto obalem se pak nachází prostor, kde se vyskytují jemná vlákna, jež spojují pavučnici s omozečnicí.

Omozečnice neboli měkká plena je třetím obalem centrální nervové soustavy, přičemž leží na její nejvnitřnější části. Na rozdíl od pavučnice, která mozek jen obklopuje, omozečnice proniká do všech jeho záhybů a rýh. Mezi pavučnicí a omozečnicí se pak tedy nachází mozkomíšní mok a také velké cévy, jež zásobují mozek krví. [5, 6, 7, 8]

Jaké má otok mozku příčiny

K otoku mozku dochází v důsledku jeho poškození, které má na svědomí kumulaci vody a sodíkových iontů. Toto poškození přitom může mít mnoho různých příčin. Otok na mozku tak může způsobit například zranění hlavy, infekce, nádor, masivní infarkt, choroba nebo i pobyt v příliš vysoké nadmořské výšce. Některé zdroje pak jako nejčastější příčiny otoku mozku uvádějí následující stavy:

  • Traumatické poranění mozku (TBI): mezi nejčastější příčiny TBI patří pády, dopravní nehody nebo nárazy do tvrdých předmětů. Poranění hlavy pak může způsobit otok mozkové tkáně a zlomené úlomky kostí navíc mohou poničit cévy v jakékoli části hlavy.
  • Ischemie: jedná se o nejběžnější typ mrtvice, která je způsobena krevní sraženinou nebo blokádou v mozku či v jeho blízkosti. Mozek v takovém případě není schopen přijímat krev. V důsledku toho začne mozková tkáň otékat a mozkové buňky odumírat.
  • Hemoragie: k tomuto stavu dochází při prasknutí krevních cév kdekoli v mozku. Za nejčastější příčinu hemoragické mrtvice je přitom považován vysoký krevní tlak. Krvácení do mozku však může být také způsobeno některými léky či neznámými vrozenými malformacemi.
  • Infekce: k otoku mozku může vést také onemocnění způsobené infekčním organismem, jako je virus nebo bakterie.
  • Nádory: otoky mozku způsobují také nádory, které v některých jeho částech mohou blokovat odtok mozkomíšního moku. Kromě toho nové krevní cévy rostoucí v nádoru a v jeho blízkosti mohou prosakovat a zapříčinit tak vznik otoku.
  • Vysoké nadmořské výšky: tento typ mozkového edému je obvykle spojen s těžkou akutní horskou nemocí nebo vysokohorským mozkovým edémem.

Mezi infekční onemocnění, která mohou způsobit otok mozku, patří například meningitida, což je infekce, při níž se zanítí obal mozku. Může být způsobena některými léky, ale častěji je původcem potíží bakterie nebo virus. Kromě ní pak může mozkový edém zapříčinit také encefalitida, během níž dochází k zanícení samotného mozku. Toto onemocnění je nejčastěji způsobeno skupinou virů, jejichž přenašečem je obvykle hmyz (typicky klíště). [9, 10, 11, 12, 13]

Příznaky otoku mozku

Pokud vás zajímá, jaké má otok mozku projevy, pak se jedná o celou řadu symptomů, které se odvíjí od toho, co tento stav způsobuje. Samotný otok však není obvykle to, co pacienta přiměje jít k lékaři, ale jedná se až o důsledek nějakého jiného stavu, zranění či onemocnění. Mezi obvyklé příznaky mozkového edému pak patří například:

Pacienti, u kterých došlo ke zvýšení intrakraniálního tlaku, čelí velkému riziku poškození mozku. Avšak v případě, že lékaři dostanou situaci rychle pod kontrolu, je možné, že toto poškození nebude mít až tak velký rozsah. Jestliže ale bude intrakraniální tlak pořád stoupat, dojde ke zhoršení otoku a krev se bude stále hůře dostávat do mozku. To může vést k většímu poškození mozku a nakonec i k úmrtí pacienta. Tento stav se pak označuje jak tzv. klinická mozková smrt. [14, 15, 16, 17]

Diagnostika

Pakliže se u vás objevily výše uvedené příznaky, měli byste navštívit svého praktického lékaře nebo neurologa. Ten provede standardní fyzikální vyšetření, které zahrnuje posouzení motorických a smyslových dovedností, to znamená, rovnováhy, zraku, řeči a koordinace. Pokud pojme podezření, že něco není v pořádku, vyšle vás na další vyšetření. Test na otok mozku se pak obvykle provádí následujícími metodami:

  • počítačová tomografie (CT): jde o první test používaný k diagnostice mozkového edému v nemocnici, protože poskytuje nejrychlejší dostupné diagnostické zobrazení,
  • CT angiografie (CTA): jedná se o CT vyšetření s injekční aplikací speciálního barviva pro zobrazení krevních cév a tkáně,
  • magnetická rezonance (MRI): toto vyšetření poskytuje podrobnější diagnostické informace než samotné CT,
  • lumbální punkce: jedná se o punkci v dolní části páteře, prostřednictvím které se získává vzorek mozkomíšního moku. [18, 19, 20, 21]
Subdurální hematom se může projevit i měsíce po poranění hlavy. Jaké má příznaky?
Přečtěte si také:

Subdurální hematom se může projevit i měsíce po poranění hlavy. Jaké má příznaky?

Otok mozku a jeho léčba

Je-li potřeba snížit otok mozku, léčba může zahrnovat celou řadu metod a postupů. Obecně je však zaměřena na odstranění nahromaděné tekutiny, snížení nitrolebního tlaku a odstranění příčiny mozkového edému. V každém případě by se mělo jedna okamžitě, neboť čím déle je mozek vystaven nedostatku kyslíku, tím větší hrozí riziko jeho poškození nebo mozkové smrti.

V závislosti na závažnosti stavu pacienta a na hlavní příčině, která otok mozku vyvolala, mohou lékaři předepsat léky, jejichž účelem je snížení otoku a zabránění vzniku krevních sraženin. K odstranění nahromaděné tekutiny se pak využívá metoda zvaná osmoterapie. Vytažení tekutiny z mozku je přitom prováděno prostřednictvím osmotických činidel, jako je například fyziologický roztok s vysokým obsahem soli.

Tekutina z mozku se dá vypustit také o něco více invazivní metodou, kterou je ventrikulostomie. Ta spočívá v provedení malého řezu v lebce, kam se zavede trubice, která slouží jako drén. Prostřednictvím této techniky dojde k odstranění nahromaděné vody a k uvolnění intrakraniálního tlaku. V závažnějších případech je pak potřeba provést chirurgický zákrok, kdy je odstraněna část lebky nebo zdroj edému (například nádor).

Další metodou, která může pomoci snížit intrakraniální tlak, je řízená hyperventilace. Ta způsobuje, že pacient více vydechuje než vdechuje, čímž dochází k poklesu oxidu uhličitého v krevním řečišti. Správný průtok krve v mozku je závislý právě na oxidu uhličitém. Využitím této metody se tak sníží průtok krve v mozku a s ním zároveň i nitrolební tlak.

Některé zdroje uvádějí jako jednu z metod léčby také záměrně vyvolanou hypotermii, která spočívá ve snížení tělesné teploty pacienta. V důsledku navození tohoto stavu pak dochází ke zpomalení metabolismu v mozku, což údajně pomáhá zmírnit otoky. Jedná se zatím však spíše o experimentální metodu, jejíž účinky je potřeba ještě blíže prozkoumat a otestovat. [22, 23, 24, 25, 26, 27]

Museli jste být někdy hospitalizováni kvůli zranění hlavy?

Jaké může mít otok mozku následky

Komplikace způsobené otokem mozku se mohou pohybovat od mírných kognitivních poruch, jako jsou poruchy paměti nebo koncentrace, až po smrt pacienta. V jakém rozsahu bude mozek následkem zvýšeného nitrolebního tlaku a otoku poškozen, závisí především na tom, kdy se pacientovi dostalo lékařské pomoci. Čím déle pacient s léčbou otálí, tím vážnější mu hrozí následky. Mezi nejčastější komplikace vzniklé v důsledku otoku mozku přitom patří:

Míra poškození mozku závisí také na přesné lokalizaci edému a na závažnosti otoku. Pro lékaře je přitom  klíčové poskytnutí okamžité a vhodné lékařské péče, aby se minimalizovalo riziko komplikací. V některých závažnějších případech může tento stav vést k upoutání pacienta na lůžko nebo na invalidní vozík. Pokud je nezbytný lékařský zásah proveden pozdě, postižená osoba může být do konce života zcela odkázaná na pomoc druhých. [28, 29, 30]

Zdroje: nzip.cz, ncbi.nlm.nih.gov, verywellhealth.com, lhsc.on.ca, sciencedirect.com, wikiskripta.eu, stefajir.cz, webmd.com, everydayhealth.com, healthline.com, medicalnewstoday.com, lf.upol.cz

Co je to otok mozku?
Otok mozku je stav, kdy mozková tkáň kvůli nahromaděné tekutině zvýší svůj objem. Intrakraniální tlak pak způsobuje zhoršení průtoku krve, což má za následek, že mozek není dostatečně okysličován. V důsledku tohoto stavu může dojít k poškození či odumření mozkových buněk. 
Jaké jsou příčiny otoku mozku?
Otok mozku  může mít mnoho různých příčin od infarktu přes různé choroby až po pobyt v extrémní nadmořské výšce. Některé prameny uvádějí coby nejběžnější důvod otoku mozku infekci, traumatické poranění, onkologické nádory, ischemii nebo hemoragii.
Jaké má otok mozku příznaky?
Otok mozku se projevuje mnoha různými příznaky, a to v závislosti na příčině jeho vzniku. Mezi běžné symptomy edému mozku patří kupříkladu bolesti hlavy nebo krku, závratě a nevolnost někdy spojená se zvracením, problémy s mluvením a pamětí, ztráta zraku nebo dokonce ztráta vědomí.
  • Žádné názory
  • 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 »