Menu Zavřít
Zdraví.euro.cz Domácí lékař Ječné zrno: bolestivý zánět, který zasahuje oční víčka

Ječné zrno: bolestivý zánět, který zasahuje oční víčka

Dana Široká
8. 5. 2023 9:00
1 nový názor
Ilustrační obrázek
Za vznikem ječného zrna stojí bakterie rodu stafylokok. Vzniku nemoci však často přispíváme svou neopatrností.
K léčbě ječného zrna přispívají kvasnice.
Ječné zrno obvykle oteče, naplní se hnisem a po třech až sedmi dnech praskne a bolest zmizí. Někdy zaschne, aniž předtím praskne.
Například tím, že si saháme do očí špinavýma rukama nebo se dělíme o ručníky a líčidla.
Jestliže se na víčku tvoří ložisko s hnisem, které nevytéká, navštivte lékaře. Ten postihnuté místo může naříznout a šetrně hnis odstranit.
Klasickým projevem ječného zrna je malý zarudlý bolestivý váček u kořene řasy, doprovázený pálením, svěděním, pocitem cizího tělíska v oku a slzením.
Za vznikem ječného zrna stojí bakterie rodu stafylokok. Vzniku nemoci však často přispíváme svou neopatrností.
K léčbě ječného zrna přispívají kvasnice.
Ječné zrno obvykle oteče, naplní se hnisem a po třech až sedmi dnech praskne a bolest zmizí. Někdy zaschne, aniž předtím praskne.
Například tím, že si saháme do očí špinavýma rukama nebo se dělíme o ručníky a líčidla.
Jestliže se na víčku tvoří ložisko s hnisem, které nevytéká, navštivte lékaře. Ten postihnuté místo může naříznout a šetrně hnis odstranit.
Všechny fotografie

Pokud se vám na očním víčku objevila bulka naplněná hnisem, která je zarudlá, na dotek horká a velmi bolestivá, s největší pravděpodobností jde o ječné zrno. Toto zánětlivé onemocnění může mít mnoho různých příčin a často se opakovaně vrací, ale obvykle také samo praskne a vymizí. V opačném případě je nutné vyhledat lékaře, který doporučí vhodný způsob léčby.

Co je ječné zrno?

Ječné zrno (hordeolum) je akutní hnisavý zánět, který se rozvíjí v důsledku ucpání mazových nebo potních žlázek u některého z řasových folikulů na horním nebo dolním víčku. Za vznik infekce jsou zodpovědné především bakterie z rodu stafylokoků a nejčastěji bývají zasaženy Mollovy nebo Zeisovy žlázy, což se pojí s řadou nepříjemných zdravotních obtíží.

Název onemocnění vychází z toho, že se na pacientově víčku vlivem zánětu objevuje váček naplněný hnisem, který je velice bolestivý a zároveň tvarem a velikostí připomíná drobné zrnko ječmene. Tento zdravotní problém, který představuje nejčastější onemocnění očního víčka, stejnou měrou trápí muže i ženy. Výjimkou není ani ječné zrno u dětí nebo u dospívajících pacientů. Pacienty může trápit:

  • ječné zrno na oku,
  • ječné zrno pod okem,
  • ječné zrno pod víčkem. [1, 2, 3]

Ječné zrno: příznaky

Mezi běžné projevy ječného zrna patří:

  • pálení a svědění,
  • napětí a tlak v oku,
  • pocit cizího tělesa v oku,
  • zarudnutí a otok očního víčka,
  • místní zvýšení teploty,
  • podráždění a slzení,
  • přecitlivělost na světlo,
  • krusta na okraji víčka.

Ječné zrno se zpočátku projevuje diskomfortem a bolestí, která postihuje celé víčko. Poté se bolest koncentruje do jednoho specifického bodu, kde začíná vznikat boule. K tomu dochází přibližně 3. den po objevení prvních obtíží. Na vrcholu bouličky je často patrná bílá čepička.

Zvýšený tlak víčka na oko může u některých pacientů vést k zastřenému vidění. Přibližně do 7 dnů by mělo ječné zrno samovolně prasknout. Pro pacienta to znamená ohromnou úlevu. [4, 5, 6]

Vlčí zrno jako komplikace ječného zrna

Kromě klasického ječného zrna se lékaři setkávají také s dalším problémem, který se označuje jako vlčí zrno nebo chalazion (v překladu malá bulka). V tomto případě jde o akutní hnisavý zánět Meibomských žlázek, které se nachází v oblasti tarzální ploténky očního víčka. Ten obvykle vzniká samostatně, ale může být také komplikací ječného zrna, které se dlouho nehojí.

Nejprve se objevuje rozsáhlý otok očního víčka, které je silně zarudlé, což pacienta většinou přivede do lékařské ordinace. Jakmile dojde k ohraničení zánětu, na místě vznikne tuhá podkožní bulka, která je uložena hlouběji než ječné zrno (dále od okraje očního víčka). Často také bývá o něco větší (nebo se postupně zvětšuje) a je zatvrdlá.

Na rozdíl od ječného zrna není chalazion infekční a sám obvykle nevymizí. Na jeho místě se pak může rozvinout také absces nebo flegmóna víčka. Vlčí zrno navíc často přechází do chronického stádia, což se označuje jako Meibomská cysta. Tato forma onemocnění sice není bolestivá, ale vlivem přítomnosti granulomu může pacientům způsobit řadu obtíží. Obvykle je pak nutné vlčí zrno chirurgicky odstranit i s pouzdrem, ve kterém je uloženo. [7, 8, 9, 10]

Ječné zrno: přenos a příčiny

Zánět způsobující ječné zrno je vyvolán bakteriemi, které se běžně nachází na povrchu lidské kůže. Do očí se tyto bakterie dostávají nejčastěji prostřednictvím špinavých rukou. Mnoho lidí si vůbec neuvědomuje, že taková drobnost jako mnutí očí neumytýma rukama může způsobit akutní zánět. Infekce se může do očí dostat i kontaminovanými předměty a jinými způsoby. Ke vzniku ječného zrna přispívá:

  • použití kontaminované kosmetiky,
  • nedostatečné odličování řasenky,
  • špatná hygiena kontaktních čoček,
  • pobyt v prostředí s vysokou prašností,
  • nedostatek spánku,
  • dlouhodobé přetěžování očí (sledování TV a monitoru, čtení při špatném osvětlení).

Ačkoliv jen málokdy dochází k přenosu z oka na oko, je důležité dodržovat základní hygienická pravidla, pokud žijete v domácnosti s osobou s ječným zrnem. Důležité je nesdílet hygienické potřeby a ručníky. Vyšší riziko vzniku ječného zrna pak hrozí i u některých onemocnění a zdravotních stavů:

Ječné zrno: léčba

Pokud vás zajímá, jak léčit ječné zrno, tak vás možná překvapí, že v naprosté většině případů není nutná žádná léčba. Ječné zrno totiž většinou samo praskne a zhojí se bez problémů. Domácí léčba ječného zrna tak sestává z opatření, která pouze mírní nepříjemné projevy zánětu. Vhodné jsou volně prodejné přípravky v podobě výplachů, mastiček či kapek s obsahem heřmánku, světlíku a sporýše.

Po dobu trvání infekce se zcela vyhněte líčení a nošení kontaktních čoček. Ideální je na ječné zrno vůbec nesahat. Rozhodně ale nezapomínejte na hygienu. Oční víčka je vhodné omývat šetrným mýdlem a vodou. K těmto účelům si pořiďte hypoalergenní nedráždivé mýdlo.

K lékaři byste se měli vydat v případě, kdy se potíže nezlepšují ani po týdnu. Na závažnější komplikace může poukazovat také to, že:

  • se ječné zrno neustále zvětšuje,
  • v okolí zánětu dochází ke krvácení,
  • ječné zrno způsobuje potíže se zrakem,
  • hnis neodtéká,
  • se ječné zrno pravidelně vrací.

Lékař může předepsat mast na ječné zrno obsahující antibiotika, která pomůže s léčbou bakteriálního zánětu. V některých případech je ale nutné přistoupit k radikálnějším metodám. V místě zánětu totiž někdy vzniká absces nebo tuhé vlčí zrno, které je nutné chirurgicky odstranit. U dospělých je možné provádět tyto zákroky jen v lokální anestezii, u dětských pacientů je lepší volbou celková anestezie.

Nikdy nezkoušejte ječné zrno sami vymačkávat nebo dokonce propichovat. Můžete si tím ještě více ublížit, protože hrozí poranění okolní tkáně nebo rozšíření infekce. [14, 15, 16]

Šedý zákal zhoršuje pacientovo vidění. Léčí se prostřednictvím operace
Přečtěte si také:

Šedý zákal zhoršuje pacientovo vidění. Léčí se prostřednictvím operace

Ječné zrno: babské rady

Mezi doporučované tradiční metody léčby patří přikládání teplých obkladů. Teplo pomáhá zmírnit bolest a přispívá k rychlejšímu prasknutí ječného zrna. Obklad z čisté měkké textilie namočte do teplé vody a nechte na postiženém místě působit 10–15 minut. Eventuelně je možné použít odvar z heřmánku nebo borovou vodu. Obklady můžete přikládat až čtyřikrát denně.

Kromě světlíku lékařského a sporýše obsahují některé protizánětlivé přípravky manukový med a manukový olej. [17, 18]

Zdroje: aoa.org, hopkinsmedicine.org, mayoclinic.org, clevelandclinic.org, webmd.com, nih.gov, healthline.com, verywellhealth.com, khealth.com, medicalnewstoday.com, nzip.cz, pharmanews.cz

Ječné zrno – rozcestník

Čtěte k tématu:

Bohuslav Dvořák (neregistrovaný)
8. 2. 2020 21:14
Kdo má ječné zrno, měl by navštívit lékaře. Kdo píše "špinavými rukami" místo špinavýma rukama, měl by navštívit základní školu.
  • 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 »