Oblečení a boty, v nichž vyrážíme do přírody, škodí životnímu prostředí i lidskému zdraví

22. 7. 2024

Sdílet

Chemikálie, kterými se ošetřuje outdoorová výbava, mohou ničit přírodu a jsou zátěží i pro lidské zdraví. Mnohé z těchto látek používáme i v kuchyni a koupelně. Přestože jejich toxicitu vědci dobře znají, cesta k řešení problému je náročná.

Je to paradox. Chodíme do přírody, abychom byli zdravější. Mnohdy však v oblečení či botách z materiálů, které obsahující látky škodící našemu zdraví i okolnímu prostředí. 

Konkrétně jde o kategorii chemických látek zvanou PFAS. Nejde jen o to, že zatěžují životní prostředí. Mluví se také o jejich mnoha účincích na zdraví zvířat a bohužel také lidí. Informovanost je vysoká ve vědeckých kruzích, ale o poznání menší mimo ně. 

Náš článek si klade za úkol shrnout, co je dobré o PFAS vědět. Odborné vyjádření redakci poskytla Karolína Brabcová z environmentální organizace Arnika.

Láhve na pití uvolňují škodlivé chemikálie. Mytí v myčce to zásadně zhoršuje Přečtěte si také:

Láhve na pití uvolňují škodlivé chemikálie. Mytí v myčce to zásadně zhoršuje

Některé látky už zakázali

Za zkratkou PFAS se skrývají sloučeniny s organickou vazbou fluoru s uhlíkem, přesněji per- a polyfluoroalkylované látky. Tyto chemikálie se v přírodě nevyskytují, všechny vznikají synteticky v laboratořích. Lidstvo je používá už od 40. let hlavně k ošetření materiálů proti vlivu prostředí. PFAS totiž dokáží skvěle odpuzovat vodu či mastnotu. Hodí se tedy například k impregnaci bot, plachet a stanů, případně oblečení. Některé PFAS najdeme také v lyžařských voscích, nebo dokonce v kosmetice, významně lidem pomáhají i jako součást hasicích přístrojů. Nežádoucí sloučeniny fluoru obsahuje například populární goretexová membrána. 

Námi oslovená odbornice uvádí jako slavný příklad kyselinu perfluoroktanovou (PFOA) a perfluorooktansulfonanát (PFOS). Konkrétně PFOS už je v Evropské unii zakázán takřka 15 let. Tato látka patří vzhledem k četnému užívání i k nejprozkoumanějším. Při opakované dávce je to pro savce reprodukční a endokrinní toxin. V roce 2020 se přidal i zákaz PFOA. Chování této látky je podobné: působí na játra a rozmnožování a přenáší se mezi organismy v přírodním potravním řetězci.

Přesto se tyto látky stále dají ve výrobcích detekovat, psali jsme například o dětských bundách

Odrazuje vás množství chemikálií v kosmetice?

Evropská směrnice (2020/2184) na standard kvality pitné vody definuje možné maximum obsahu PFAS. Většina látek z této skupiny se však může legálně používat ve výrobě a chybí standardy na půdu a potraviny. Počet těchto sloučenin se pohybuje v řádech tisíců. Některé jsou dokonce podezřelé z karcinogenity.

Kategorie PFAS zahrnuje přitom nejen látky používané k impregnaci textilu, ale také pesticidy či chemikálie sloužící jako základ pro výrobu nepřilnavého teflonu na nádobí. V Evropě tvoří až polovinu využití PFAS právě textilní průmysl. Obsahují je stany, pršipláště, boty i menstruační kalhotky… 

Ošetření látkami PFAS se však používá i tam, kde bychom to nemuseli čekat. Například zmírňuje tvorbu pomačkanin na tkanině, takže se s ním vyrábějí košile, které se nemusejí žehlit. Na rozdíl od ingrediencí v drogerii není povinné chemické ošetření textilu uvádět při prodeji, takže o přítomnosti PFAS zákazníci nemusejí vědět.

Mikroplasty jsou všude. Můžeme ovlivnit alespoň to, kolik jich vypijeme Přečtěte si také:

Mikroplasty jsou všude. Můžeme ovlivnit alespoň to, kolik jich vypijeme

Narušení vývoje dětí i leukemie

Některé PFAS se snadno ukládají ve tkáních živočichů – například tak, že se navazují na proteiny. Můžeme je sníst v mase, ale i vypít ve vodě či vdechnout. Oproti zakázaným PFOS a PFOA je znalost působení ostatních PFAS zatím omezená. V některých zdrojích se dozvíme, že PFAS s krátkým řetězcem se z těla vylučují rychleji – v řádu měsíců namísto let. Po dobu své přítomnosti však narušují fyziologické funkce.

Děti jsou vůči PFAS zranitelnější kvůli nižší tělesné hmotnosti, rozdílům v příjmu vody a potravy, vyvíjejícím se orgánovým systémům a dalším faktorům. V poslední době se také objevila studie z Finska, která na vzorcích matek a jejich dětí ukazuje na možný vztah zvýšeného výskytu věčných chemikálií a onemocněním dětskou leukemií, vysvětluje Brabcová z Arniky. Upozorňuje i na další účinky.

Řada z těchto látek negativně ovlivňuje plodnost či vývoj plodu. Některé dokáží rozhodit mechanismus vylučování hormonů, zvyšovat cholesterol v krvi, snižovat imunitní odpověď na vakcíny nebo zvyšovat riziko vzniku rakoviny ledvin či poškození jater.

Vědeckých studií je mnoho. Reprodukční toxicita se potvrdila na rybách stejně tak jako na potkanech. Vliv PFAS na štítnou žlázu se testoval v roce 2020 také na pracovnících v továrnách, kteří bývají chemikáliím vystaveni. Jiná studie ze stejného roku poukazuje na vzestup dysfunkcí vaječníků zaměstnankyň.

Papírová a bambusová brčka škodí zdraví, ukázala nová studie Přečtěte si také:

Papírová a bambusová brčka škodí zdraví, ukázala nová studie

Hromadí se v přírodě už 80 let

Víte, co mě na tomto tématu nejvíce frustruje? Tohle se mělo dát předvídat. Bylo to z chemického hlediska očekávatelné, říká Kristine Vike z Norska, doktorka environmentální chemie a youtuberka. 

PFAS ve svém naučném videu volně přirovnává k pesticidu DDT, který po 2. světové válce zdecimoval nejen hmyzí škůdce, ale i ptáky, kteří se jimi živili. DDT a jemu podobné látky charakterizuje chlor navázaný v jejich řetězcích. Situace je samozřejmě složitější, ale podobně jsou u PFAS navázány atomy fluoru. Ten hlavně patří ke stejnému druhu prvků jako chlor – jednovazným halogenům, obecně často využívaným jako biocidy (chemické látky určené k hubení, odstraňování nebo kontrole škodlivých organismů). 

Atomy fluoru jsou v molekulách navázány na uhlík velmi pevně. Tato stabilita patří k důvodům, proč PFAS tak skvěle odpuzují vodu. Také to však znamená, že se v přírodě vůbec nerozkládají. Část chemického ošetření při namáhání materiálu opustí své původní místo a tím se dostane do koloběhu vody. Samotné molekuly se však časem nerozpadají na jiné chemické látky. Tudíž většina všech molekul PFAS látek, které lidé kdy vyprodukovali, stále někde existuje. Ukládají se hlavně ve vodě a ve velkém také v tělech (nejen) vodních organismů. Znepokojivá je úroveň znečištění kyselinou trifluoroctovou (TFA), na niž se mnoho PFAS látek rozkládá a zůstává ve vodě, poznamenává Karolína Brabcová z Arniky. 

Krabice na pizzu, kelímky na nápoje. Rizikové látky jsou v obalech potravin, ve vodě i v jídle Přečtěte si také:

Krabice na pizzu, kelímky na nápoje. Rizikové látky jsou v obalech potravin, ve vodě i v jídle

Česká studie z roku 2020 například zkoumala více než 10 let látky PFOS a PFOA v mateřském mléce.  Obsahovalo je přes 90 procent vzorků, výskyt koreloval kupříkladu s konzumací mořských ryb. Naštěstí množství těchto dvou látek v tělech žen během let klesá. Otázka je, jak to bude s novějšími alternativami, které také patří do skupiny PFAS.

Nenahrazovat věci hned novými

„Spotřebitelé by se měli ptát výrobců a prodejců a kupovat zboží, které je označeno neobsahuje ‚PFAS / perfluorované látky / PFC‘. Zboží s ekoznačkou také PFAS neobsahuje. Co se týče odpadu, pak se toto zboží nijak zvlášť zatím netřídí a neseparuje. Nejlepší je tedy vyhnout se nákupu teflonového zboží,“ vysvětluje Karolína Brabcová z Arniky. U některých produktů se lze setkat s označením „neobsahuje PFOA“, ale ta je už stejně zakázaná a tento nápis neznamená, že zboží neobsahuje jiné PFAS.

Norská odbornice Kristine Vike uvádí ve svém výkladu, že polovina obsažených PFAS se z nového kusu textilu vyplaví během prvního roku. Doporučuje proto nevyhazovat to, co už máme doma, a nenahrazovat to novými kusy, které jsou chemikálií plné. Impregnační vrstva se ale s věkem oslabuje, takže by to mohlo chtít nějaký zlepšovák, třeba igelitový potah přes stan – a když už je třeba, koupit věci impregnované něčím jiným. Jiné je to u teflonu – narušená vrstva uvolňuje látky více než dřív, takže poškrábané nádobí se stává vlastně nebezpečným.

Video: Co jsou to PFAS? 

Zdroj: YouTube.com

Největší podíl zodpovědnosti má samozřejmě průmysl, který chemikálie produkuje. Pracuje se na bezpečnějších alternativách. Jejich implementace je do budoucna samozřejmě velký úkol, do kterého se ne každému výrobci bude chtít investovat. Jde tak i o otázku tlaku legislativy. Ekologicky a zdravotně bezpečnější látky odpuzující vodu jsou například silikon, polyuretan, nanomateriály či některé uhlovodíky na bázi vosku nebo parafínu. Tyto možnosti by měly stačit pro nepromokavost, zato nejsou efektivní proti mastnotě.

Studie objednaná Evropskou komisí studuje ošetření textilů a srovnává mimo jiné uvolňování PFAS a ne-PFAS látek do životního prostředí. Z pěti studovaných alternativních substancí měly všechny výrazně nižší míru uvolňování co do celkového množství než PFAS. Uvolňování do životního prostředí ale samozřejmě není jediný faktor pro vhodnost – důležité jsou i zdravotní a ekologické důsledky. I v těch se však jeví látky bez fluoru jako lepší varianta.

Galerie: Jak škodí outdoorové oblečení planetě a zdraví

Autor článku

Studentka doktorského oboru lingvistiky na Masarykově univerzitě. Mimo studium se věnuje psaní textů o cestování, duševním zdraví, umění, literatuře, genderu i na různá další témata.

'; document.getElementById('preroll-iframe').onload = function () { setupIframe(); } prerollContainer = document.getElementsByClassName('preroll-container-iframe')[0]; } function setupIframe() { prerollDocument = document.getElementById('preroll-iframe').contentWindow.document; let el = prerollDocument.createElement('style'); prerollDocument.head.appendChild(el); el.innerText = "#adContainer>div:nth-of-type(1),#adContainer>div:nth-of-type(1) > iframe { width: 99% !important;height: 99% !important;max-width: 100%;}#videoContent,body{ width:100vw;height:100vh}body{ font-family:'Helvetica Neue',Arial,sans-serif}#videoContent{ overflow:hidden;background:#000}#adMuteBtn{ width:35px;height:35px;border:0;background:0 0;display:none;position:absolute;fill:rgba(230,230,230,1);bottom:20px;right:25px}"; videoContent = prerollDocument.getElementById('contentElement'); videoContent.style.display = 'none'; videoContent.volume = 1; videoContent.muted = false; const playPromise = videoContent.play(); if (playPromise !== undefined) { playPromise.then(function () { console.log('PREROLL sound allowed'); // setUpIMA(true); videoContent.volume = 1; videoContent.muted = false; setUpIMA(); }).catch(function () { console.log('PREROLL sound forbidden'); videoContent.volume = 0; videoContent.muted = true; setUpIMA(); }); } } function setupDimensions() { prerollWidth = Math.min(iinfoPrerollPosition.offsetWidth, 480); prerollHeight = Math.min(iinfoPrerollPosition.offsetHeight, 320); } function setUpIMA() { google.ima.settings.setDisableCustomPlaybackForIOS10Plus(true); google.ima.settings.setLocale('cs'); google.ima.settings.setNumRedirects(10); // Create the ad display container. createAdDisplayContainer(); // Create ads loader. adsLoader = new google.ima.AdsLoader(adDisplayContainer); // Listen and respond to ads loaded and error events. adsLoader.addEventListener( google.ima.AdsManagerLoadedEvent.Type.ADS_MANAGER_LOADED, onAdsManagerLoaded, false); adsLoader.addEventListener( google.ima.AdErrorEvent.Type.AD_ERROR, onAdError, false); // An event listener to tell the SDK that our content video // is completed so the SDK can play any post-roll ads. const contentEndedListener = function () { adsLoader.contentComplete(); }; videoContent.onended = contentEndedListener; // Request video ads. const adsRequest = new google.ima.AdsRequest(); adsRequest.adTagUrl = iinfoVastUrls[iinfoVastUrlIndex]; console.log('Preroll advert: ' + iinfoVastUrls[iinfoVastUrlIndex]); videoContent.muted = false; videoContent.volume = 1; // Specify the linear and nonlinear slot sizes. This helps the SDK to // select the correct creative if multiple are returned. // adsRequest.linearAdSlotWidth = prerollWidth; // adsRequest.linearAdSlotHeight = prerollHeight; adsRequest.nonLinearAdSlotWidth = 0; adsRequest.nonLinearAdSlotHeight = 0; adsLoader.requestAds(adsRequest); } function createAdDisplayContainer() { // We assume the adContainer is the DOM id of the element that will house // the ads. prerollDocument.getElementById('videoContent').style.display = 'none'; adDisplayContainer = new google.ima.AdDisplayContainer( prerollDocument.getElementById('adContainer'), videoContent); } function unmutePrerollAdvert() { adVolume = !adVolume; if (adVolume) { adsManager.setVolume(0.3); prerollDocument.getElementById('adMuteBtn').innerHTML = ''; } else { adsManager.setVolume(0); prerollDocument.getElementById('adMuteBtn').innerHTML = ''; } } function onAdsManagerLoaded(adsManagerLoadedEvent) { // Get the ads manager. const adsRenderingSettings = new google.ima.AdsRenderingSettings(); adsRenderingSettings.restoreCustomPlaybackStateOnAdBreakComplete = true; adsRenderingSettings.loadVideoTimeout = 12000; // videoContent should be set to the content video element. adsManager = adsManagerLoadedEvent.getAdsManager(videoContent, adsRenderingSettings); // Add listeners to the required events. adsManager.addEventListener(google.ima.AdErrorEvent.Type.AD_ERROR, onAdError); adsManager.addEventListener( google.ima.AdEvent.Type.CONTENT_PAUSE_REQUESTED, onContentPauseRequested); adsManager.addEventListener( google.ima.AdEvent.Type.CONTENT_RESUME_REQUESTED, onContentResumeRequested); adsManager.addEventListener( google.ima.AdEvent.Type.ALL_ADS_COMPLETED, onAdEvent); // Listen to any additional events, if necessary. adsManager.addEventListener(google.ima.AdEvent.Type.LOADED, onAdEvent); adsManager.addEventListener(google.ima.AdEvent.Type.STARTED, onAdEvent); adsManager.addEventListener(google.ima.AdEvent.Type.COMPLETE, onAdEvent); playAds(); } function playAds() { // Initialize the container. Must be done through a user action on mobile // devices. videoContent.load(); adDisplayContainer.initialize(); // setupDimensions(); try { // Initialize the ads manager. Ad rules playlist will start at this time. adsManager.init(1920, 1080, google.ima.ViewMode.NORMAL); // Call play to start showing the ad. Single video and overlay ads will // start at this time; the call will be ignored for ad rules. adsManager.start(); // window.addEventListener('resize', function (event) { // if (adsManager) { // setupDimensions(); // adsManager.resize(prerollWidth, prerollHeight, google.ima.ViewMode.NORMAL); // } // }); } catch (adError) { // An error may be thrown if there was a problem with the VAST response. // videoContent.play(); } } function onAdEvent(adEvent) { const ad = adEvent.getAd(); console.log('Preroll event: ' + adEvent.type); switch (adEvent.type) { case google.ima.AdEvent.Type.LOADED: if (!ad.isLinear()) { videoContent.play(); } prerollDocument.getElementById('adContainer').style.width = '100%'; prerollDocument.getElementById('adContainer').style.maxWidth = '640px'; prerollDocument.getElementById('adContainer').style.height = '360px'; break; case google.ima.AdEvent.Type.STARTED: window.addEventListener('scroll', onActiveView); if (ad.isLinear()) { intervalTimer = setInterval( function () { // Example: const remainingTime = adsManager.getRemainingTime(); // adsManager.pause(); }, 300); // every 300ms } prerollDocument.getElementById('adMuteBtn').style.display = 'block'; break; case google.ima.AdEvent.Type.ALL_ADS_COMPLETED: if (ad.isLinear()) { clearInterval(intervalTimer); } if (prerollLastError === 303) { playYtVideo(); } break; case google.ima.AdEvent.Type.COMPLETE: if (ad.isLinear()) { clearInterval(intervalTimer); } playYtVideo(); break; } } function onAdError(adErrorEvent) { console.log(adErrorEvent.getError()); prerollLastError = adErrorEvent.getError().getErrorCode(); if (!loadNext()) { playYtVideo(); } } function loadNext() { iinfoVastUrlIndex++; if (iinfoVastUrlIndex < iinfoVastUrls.length) { iinfoPrerollPosition.remove(); playPrerollAd(); } else { return false; } adVolume = 1; return true; } function onContentPauseRequested() { videoContent.pause(); } function onContentResumeRequested() { videoContent.play(); } function onActiveView() { if (prerollContainer) { const containerOffset = prerollContainer.getBoundingClientRect(); const windowHeight = window.innerHeight; if (containerOffset.top < windowHeight/1 && containerOffset.bottom > 0.0) { if (prerollPaused) { adsManager.resume(); prerollPaused = false; } return true; } else { if (!prerollPaused) { adsManager.pause(); prerollPaused = true; } } } return false; } function playYtVideo() { iinfoPrerollPosition.remove(); youtubeIframe.style.display = 'block'; youtubeIframe.src += '&autoplay=1&mute=1'; } }
Upozorníme vás na články, které by vám neměly uniknout (maximálně 2x týdně).
'; document.getElementById('outstream-iframe').onload = function () { setupIframe(); } replayScreen = document.getElementById('iinfoOutstreamReplay'); iinfoOutstreamPosition = document.getElementById('iinfoOutstreamPosition'); outstreamContainer = document.getElementsByClassName('outstream-container')[0]; setupReplayScreen(); } function setupIframe() { outstreamDocument = document.getElementById('outstream-iframe').contentWindow.document; let el = outstreamDocument.createElement('style'); outstreamDocument.head.appendChild(el); el.innerText = "#adContainer>div:nth-of-type(1),#adContainer>div:nth-of-type(1) > iframe { width: 99% !important;height: 99% !important;max-width: 100%;}#videoContent,body{ width:100vw;height:100vh}body{ font-family:'Helvetica Neue',Arial,sans-serif}#videoContent{ overflow:hidden;background:#000}#adMuteBtn{ width:35px;height:35px;border:0;background:0 0;display:none;position:absolute;fill:rgba(230,230,230,1);bottom:-5px;right:25px}"; videoContent = outstreamDocument.getElementById('contentElement'); videoContent.style.display = 'none'; videoContent.volume = 1; videoContent.muted = false; if ( location.href.indexOf('rejstriky.finance.cz') !== -1 || location.href.indexOf('finance-rejstrik') !== -1 || location.href.indexOf('firmy.euro.cz') !== -1 || location.href.indexOf('euro-rejstrik') !== -1 || location.href.indexOf('/rejstrik/') !== -1 || location.href.indexOf('/rejstrik-firem/') !== -1) { outstreamDirectPlayed = true; soundAllowed = true; iinfoVastUrlIndex = 0; } if (!outstreamDirectPlayed) { console.log('OUTSTREAM direct'); setUpIMA(true); } else { if (soundAllowed) { const playPromise = videoContent.play(); if (playPromise !== undefined) { playPromise.then(function () { console.log('OUTSTREAM sound allowed'); setUpIMA(false); }).catch(function () { console.log('OUTSTREAM sound forbidden'); renderBanner(); }); } } else { renderBanner(); } } } function getWrapper() { let articleWrapper = document.querySelector('.rs-outstream-placeholder'); // Outstream Placeholder from RedSys manipulation if (articleWrapper && articleWrapper.style.display !== 'block') { articleWrapper.innerHTML = ""; articleWrapper.style.display = 'block'; } // Don't render OutStream on homepages if (articleWrapper === null) { if (document.querySelector('body.p-index')) { return null; } } if (articleWrapper === null) { articleWrapper = document.getElementById('iinfo-outstream'); } if (articleWrapper === null) { articleWrapper = document.querySelector('.layout-main__content .detail__article p:nth-of-type(6)'); } if (articleWrapper === null) { // Euro, Autobible, Zdravi articleWrapper = document.querySelector('.o-article .o-article__text p:nth-of-type(6)'); } if (articleWrapper === null) { articleWrapper = document.getElementById('sidebar'); } if (!articleWrapper) { console.error("Outstream wrapper of article was not found."); } return articleWrapper; } function setupDimensions() { outstreamWidth = Math.min(iinfoOutstreamPosition.offsetWidth, 480); outstreamHeight = Math.min(iinfoOutstreamPosition.offsetHeight, 320); } /** * Sets up IMA ad display container, ads loader, and makes an ad request. */ function setUpIMA(direct) { google.ima.settings.setDisableCustomPlaybackForIOS10Plus(true); google.ima.settings.setLocale('cs'); google.ima.settings.setNumRedirects(10); // Create the ad display container. createAdDisplayContainer(); // Create ads loader. adsLoader = new google.ima.AdsLoader(adDisplayContainer); // Listen and respond to ads loaded and error events. adsLoader.addEventListener( google.ima.AdsManagerLoadedEvent.Type.ADS_MANAGER_LOADED, onAdsManagerLoaded, false); adsLoader.addEventListener( google.ima.AdErrorEvent.Type.AD_ERROR, onAdError, false); // An event listener to tell the SDK that our content video // is completed so the SDK can play any post-roll ads. const contentEndedListener = function () { adsLoader.contentComplete(); }; videoContent.onended = contentEndedListener; // Request video ads. const adsRequest = new google.ima.AdsRequest(); if (direct) { adsRequest.adTagUrl = directVast; console.log('Outstream DIRECT CAMPAING advert: ' + directVast); videoContent.muted = true; videoContent.volume = 0; outstreamDirectPlayed = true; } else { adsRequest.adTagUrl = iinfoVastUrls[iinfoVastUrlIndex]; console.log('Outstream advert: ' + iinfoVastUrls[iinfoVastUrlIndex]); videoContent.muted = false; videoContent.volume = 1; } // Specify the linear and nonlinear slot sizes. This helps the SDK to // select the correct creative if multiple are returned. // adsRequest.linearAdSlotWidth = outstreamWidth; // adsRequest.linearAdSlotHeight = outstreamHeight; adsRequest.nonLinearAdSlotWidth = 0; adsRequest.nonLinearAdSlotHeight = 0; adsLoader.requestAds(adsRequest); } function setupReplayScreen() { replayScreen.addEventListener('click', function () { iinfoOutstreamPosition.remove(); iinfoVastUrlIndex = 0; outstreamInit(); }); } /** * Sets the 'adContainer' div as the IMA ad display container. */ function createAdDisplayContainer() { // We assume the adContainer is the DOM id of the element that will house // the ads. outstreamDocument.getElementById('videoContent').style.display = 'none'; adDisplayContainer = new google.ima.AdDisplayContainer( outstreamDocument.getElementById('adContainer'), videoContent); } function unmuteAdvert() { adVolume = !adVolume; if (adVolume) { adsManager.setVolume(0.3); outstreamDocument.getElementById('adMuteBtn').innerHTML = ''; } else { adsManager.setVolume(0); outstreamDocument.getElementById('adMuteBtn').innerHTML = ''; } } /** * Loads the video content and initializes IMA ad playback. */ function playAds() { // Initialize the container. Must be done through a user action on mobile // devices. videoContent.load(); adDisplayContainer.initialize(); // setupDimensions(); try { // Initialize the ads manager. Ad rules playlist will start at this time. adsManager.init(1920, 1080, google.ima.ViewMode.NORMAL); // Call play to start showing the ad. Single video and overlay ads will // start at this time; the call will be ignored for ad rules. adsManager.start(); // window.addEventListener('resize', function (event) { // if (adsManager) { // setupDimensions(); // adsManager.resize(outstreamWidth, outstreamHeight, google.ima.ViewMode.NORMAL); // } // }); } catch (adError) { // An error may be thrown if there was a problem with the VAST response. // videoContent.play(); } } /** * Handles the ad manager loading and sets ad event listeners. * @param { !google.ima.AdsManagerLoadedEvent } adsManagerLoadedEvent */ function onAdsManagerLoaded(adsManagerLoadedEvent) { // Get the ads manager. const adsRenderingSettings = new google.ima.AdsRenderingSettings(); adsRenderingSettings.restoreCustomPlaybackStateOnAdBreakComplete = true; adsRenderingSettings.loadVideoTimeout = 12000; // videoContent should be set to the content video element. adsManager = adsManagerLoadedEvent.getAdsManager(videoContent, adsRenderingSettings); // Add listeners to the required events. adsManager.addEventListener(google.ima.AdErrorEvent.Type.AD_ERROR, onAdError); adsManager.addEventListener( google.ima.AdEvent.Type.CONTENT_PAUSE_REQUESTED, onContentPauseRequested); adsManager.addEventListener( google.ima.AdEvent.Type.CONTENT_RESUME_REQUESTED, onContentResumeRequested); adsManager.addEventListener( google.ima.AdEvent.Type.ALL_ADS_COMPLETED, onAdEvent); // Listen to any additional events, if necessary. adsManager.addEventListener(google.ima.AdEvent.Type.LOADED, onAdEvent); adsManager.addEventListener(google.ima.AdEvent.Type.STARTED, onAdEvent); adsManager.addEventListener(google.ima.AdEvent.Type.COMPLETE, onAdEvent); playAds(); } /** * Handles actions taken in response to ad events. * @param { !google.ima.AdEvent } adEvent */ function onAdEvent(adEvent) { // Retrieve the ad from the event. Some events (for example, // ALL_ADS_COMPLETED) don't have ad object associated. const ad = adEvent.getAd(); console.log('Outstream event: ' + adEvent.type); switch (adEvent.type) { case google.ima.AdEvent.Type.LOADED: // This is the first event sent for an ad - it is possible to // determine whether the ad is a video ad or an overlay. if (!ad.isLinear()) { // Position AdDisplayContainer correctly for overlay. // Use ad.width and ad.height. videoContent.play(); } outstreamDocument.getElementById('adContainer').style.width = '100%'; outstreamDocument.getElementById('adContainer').style.maxWidth = '640px'; outstreamDocument.getElementById('adContainer').style.height = '360px'; break; case google.ima.AdEvent.Type.STARTED: window.addEventListener('scroll', onActiveView); // This event indicates the ad has started - the video player // can adjust the UI, for example display a pause button and // remaining time. if (ad.isLinear()) { // For a linear ad, a timer can be started to poll for // the remaining time. intervalTimer = setInterval( function () { // Example: const remainingTime = adsManager.getRemainingTime(); // adsManager.pause(); }, 300); // every 300ms } outstreamDocument.getElementById('adMuteBtn').style.display = 'block'; break; case google.ima.AdEvent.Type.ALL_ADS_COMPLETED: if (ad.isLinear()) { clearInterval(intervalTimer); } if (outstreamLastError === 303) { if (isBanner) { renderBanner(); } else { replayScreen.style.display = 'flex'; } } break; case google.ima.AdEvent.Type.COMPLETE: // This event indicates the ad has finished - the video player // can perform appropriate UI actions, such as removing the timer for // remaining time detection. if (ad.isLinear()) { clearInterval(intervalTimer); } if (isBanner) { renderBanner(); } else { replayScreen.style.display = 'flex'; } break; } } /** * Handles ad errors. * @param { !google.ima.AdErrorEvent } adErrorEvent */ function onAdError(adErrorEvent) { // Handle the error logging. console.log(adErrorEvent.getError()); outstreamLastError = adErrorEvent.getError().getErrorCode(); if (!loadNext()) { renderBanner(); } } function renderBanner() { if (isBanner) { console.log('Outstream: Render Banner'); iinfoOutstreamPosition.innerHTML = ""; iinfoOutstreamPosition.style.height = "330px"; iinfoOutstreamPosition.appendChild(bannerDiv); } else { console.log('Outstream: Banner is not set'); } } function loadNext() { iinfoVastUrlIndex++; if (iinfoVastUrlIndex < iinfoVastUrls.length) { iinfoOutstreamPosition.remove(); outstreamInit(); } else { return false; } adVolume = 1; return true; } /** * Pauses video content and sets up ad UI. */ function onContentPauseRequested() { videoContent.pause(); // This function is where you should setup UI for showing ads (for example, // display ad timer countdown, disable seeking and more.) // setupUIForAds(); } /** * Resumes video content and removes ad UI. */ function onContentResumeRequested() { videoContent.play(); // This function is where you should ensure that your UI is ready // to play content. It is the responsibility of the Publisher to // implement this function when necessary. // setupUIForContent(); } function onActiveView() { if (outstreamContainer) { const containerOffset = outstreamContainer.getBoundingClientRect(); const windowHeight = window.innerHeight; if (containerOffset.top < windowHeight/1 && containerOffset.bottom > 0.0) { if (outstreamPaused) { adsManager.resume(); outstreamPaused = false; } return true; } else { if (!outstreamPaused) { adsManager.pause(); outstreamPaused = true; } } } return false; } let outstreamInitInterval; if (typeof cpexPackage !== "undefined") { outstreamInitInterval = setInterval(tryToInitializeOutstream, 100); } else { const wrapper = getWrapper(); if (wrapper) { let outstreamInitialized = false; window.addEventListener('scroll', () => { if (!outstreamInitialized) { const containerOffset = wrapper.getBoundingClientRect(); const windowHeight = window.innerHeight; if (containerOffset.top < windowHeight / 1 && containerOffset.bottom > 0.0) { outstreamInit(); outstreamInitialized = true; } } }); } } function tryToInitializeOutstream() { const wrapper = getWrapper(); if (wrapper) { const containerOffset = wrapper.getBoundingClientRect(); const windowHeight = window.innerHeight; if (containerOffset.top < windowHeight / 1 && containerOffset.bottom > 0.0) { if (cpexPackage.adserver.displayed) { clearInterval(outstreamInitInterval); outstreamInit(); } } } else { clearInterval(outstreamInitInterval); } } }
OSZAR »