Vitalia.cz  »  Jídlo  »  Co jíst  »  Quinoa, netradiční dietní příloha plná bílkovin. Už jste ji ochutnali?

Quinoa, netradiční dietní příloha plná bílkovin. Už jste ji ochutnali?

Kateřina M. Košutová
16. 9. 2022
přidejte názor

Sdílet

Autor: Depositphotos
Drobná semena, která se dají uvařit na sladký i slaný způsob, znaly už dávné jihoamerické civilizace. Považovali quinou za posvátnou potravinu a moderní věda jim v tomto názoru dává svým způsobem za pravdu. Pochutnat si na ní mohou bez obav i lidé s celiakií a jako jedna z mála rostlin vám dodá slušnou porci bílkovin.

Merlík chilský (Chenopodium quinoa), známý spíše zkrátka jako quinoa, je často popisován jako superpotravina nebo superzrno. Jde o pseudocereálii, tedy semeno, které se připravuje a konzumuje obdobně jako obiloviny. 

Pochází z andské oblasti Jižní Ameriky a znaly ji už dávné tamní kultury, pro které byla jedním ze základů jejich stravy. Dnes je čím dál populárnější mezi vyznavači zdravé stravy a je k tomu celá řada dobrých důvodů. Kromě toho, že je doslova nabitá kvalitními živinami, doporučuje se také lidem, kteří ze zdravotních důvodů nemohou konzumovat lepek.

5 netradičních zdravých rostlin: chia, quinoa, karob, špalda, shiitake Přečtěte si také:

5 netradičních zdravých rostlin: chia, quinoa, karob, špalda, shiitake

Název quinoa se překládá jako mateřské zrno či matka zrn v jazyce dávných Inků, kteří ji považovali za posvátnou potravinu. Je botanicky příbuzná například se špenátem nebo amarantem. 

Tolik vitamínů jinde jen tak nenajdete

Považuje se za skvělý zdroj bílkovin, vlákniny, železa, mědi a mnohých vitamínů. Obsahuje také nezanedbatelné množství hořčíku, fosforu, manganu a folátu (kyseliny listové). 

Podle článku z časopisu Journal of the Science of Food and Agriculture má quinoa neobvykle vyvážené složení i obsah minerálů, mastných kyselin, antioxidantů a vitamínů. Studie z roku 2017 zjistila, že ve srovnání s jinými obilovinami a pseudocereáliemi, na které se lidé po celém světě spoléhají jakožto na zdroj makroživin, má quinoa více bílkovin a větší rovnováhu esenciálních aminokyselin. Překonává mnohé také v množství vlákniny, lipidů, vápníku, železa, zinku, fosforu, vitamínů C, E a skupiny B.

Jak vařit a kombinovat quinou

Quinoa je jednou z mála rostlinných potravin, která je zdrojem kompletní bílkoviny, protože nabízí všech devět potřebných esenciálních aminokyselin. Její zařazení do stravy může pomoci splnit každodenní potřebu proteinů a platí to zejména pro ty osoby, které se zaměřují na rostlinnou stravu, tedy třeba vegani. 

Jak to máte s quinoou vy?

Zobraz výsledek

Je velmi snadné ji začlenit do jídelníčku, má příjemnou chuť a dobře se hodí k mnoha potravinám. Musíte ji však před přípravou dobře propláchnout vodou nebo ji do ní přibližně na 10 minut namočit, abyste ji tak zbavili saponinů, které by jí mohly dodávat nepříjemně nahořklou chuť. 

Její příprava je rychlá a poměrně snadná. Na 1 díl předem důkladně propláchnuté quinoy použijte 2 díly vody. Kromě soli lze při vaření přidat různé bylinky a koření. Vařte 15 až 20 minut. Během této doby absorbuje většinu vody a získá „načechraný“ vzhled. 

Jak nakupovat zdravě: zdraví začíná u výběru potravin Přečtěte si také:

Jak nakupovat zdravě: zdraví začíná u výběru potravin

Quinoa během vaření zvýší svůj objem zhruba na trojnásobné množství syrové suroviny. Pokud je připravena správně, má jemnou, delikátní příchuť a je lehce křupavá. 

Existuje spousta receptů, jak tuto přírodní dobrotu použít k snídani, obědu i večeři. Můžete například vyzkoušet pikantní quinoa salát se zeleninou a grilovaným kuřecím masem nebo sladkou snídaňovou kaši s kokosovým mlékem, čerstvým ovocem, ořechy, skořicí a trochou medu.

Jaký je rozdíl mezi barevnými verzemi?

Existuje nepřeberné množství druhů quinoy, které mají různou barvu semen. Za základní a v prodeji nejznámější se považují tři barvy: červená, bílá a černá. 

Nejběžnějším druhem je bílá quinoa s jemnou máslovou chutí. Považuje se za nejchutnější mezi celou základní trojicí. Červená quinoa má zemitou, oříškovou chuť a je více křupavá. Protože si i po uvaření zachovává svůj tvar, je vhodná do salátů a dalších pokrmů studené kuchyně, zatímco bílá se uplatňuje spíše jako příloha nebo třeba základ pro kaši. Nejvýraznější chuť má černá quinoa, která svou křupavost neztrácí ani vařením. 

Quinoa je výborná jako základ salátů i jako příloha

Quinoa je výborná jako základ salátů i jako příloha

Autor: Depositphotos

Všechny druhy se připravují stejně, a pokud si vytvoříte z jednotlivých barev mix, rozhodně tím jen získáte. Má také další plus: pro osoby, které musejí ze zdravotních důvodů vyřadit ze stravy potraviny s obsahem lepku, může být někdy složité získat ze stravy všechny základní živiny. Protože je zdravá a výživná quinoa přirozeně bezlepková, je díky svým nutričním parametrům ideální volbou pro dietu s vyloučením lepku.

Také přidání quinoy do bezlepkových výrobků významně zvyšuje obsah polyfenolů (chemické látky, chránící organismus před poškozením volnými radikály) ve srovnání s typickými bezlepkovými výrobky z rýžové, kukuřičné nebo třeba bramborové mouky. Mají rovněž více antioxidantů.

Quinoa se tak zcela oprávněně stala objektem zájmu NASA, která v ní díky jejím vlastnostem spatřuje plodinu vhodnou pro udržení zdraví astronautů během cest do vesmíru i pro pěstování v kosmu.

Studie prokázaly zdravotní benefity

Quinoa má také řadu přínosů pro zdraví. Dva flavonoidy, kvercetin a kaempferol, které quinoa obsahuje, mají silné antioxidační a protizánětlivé vlastnosti. Podle výsledků studií může quinoa díky svému složení významně pomoci snížit hladinu LDL (špatného) cholesterolu v krvi a přispět také k regulaci triglyceridů, přičemž obojí pomáhá předcházet kardiovaskulárním chorobám.

Ořechy, čočka, rýže: Proč je dobré je před konzumací namočit? Přečtěte si také:

Ořechy, čočka, rýže: Proč je dobré je před konzumací namočit?

Podle studie, publikované v časopisu American Journal of Clinical Nutrition, dobrovolníci, kteří jedli více než 16 gramů quinoy každý den, měli nižší hladinu cholesterolu (bez snížení HDL, tedy „dobrého“ cholesterolu) než ti, kteří užívali statiny (léky na snížení cholesterolu) bez toho, aby konzumovali quinou. Napomáhá rovněž ke stabilizaci množství cukru v krvi i ke zdravé tělesné hmotnosti díky tomu, že dodává pocit sytosti na dlouhou dobu, což umožní nižší příjem kalorií. V neposlední řadě přispívá svým vysokým obsahem vlákniny ke zdraví střev a zažívacího traktu.

Zdroje:

Healthline.com: 8 Evidence-Based Health Benefits of Quinoa

Livescience.com: Quinoa: Health Benefits & Nutrition Facts

Harvard Edu: The Nutrition Source – Quinoa

WebMD.com: Health Benefits, Nutrition Facts, and How to Prepare Quinoa and Quinoa Flakes

Medical News Today: Health benefits of quinoa

Vstoupit do diskuse

Autor článku

Kateřina Košutová

Kateřina M. Košutová

Novinářka na volné noze se zkušenostmi z tištěných i online titulů. V současné době pracuje pro vlastní portfolio klientů. K tematice zdraví a zdravého životního stylu má blízko díky původní profesi zdravotnického pracovníka.

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

Anketa

Máte rádi výlety a cestování?

Zobraz výsledek

Mohlo by vás zajímat

Kvíz týdne

Bath, Spa, Baden-Baden. Poznejte slavné lázně podle fotek
1/15 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

Odzvonilo low-endu? Prémiové mobily jdou v Evropě na dračku

Semaglutid na hubnutí může způsobit zhoršení zraku i slepotu

Jak dostat své zboží za hranice? Díky marketplace snadno

Bath, Spa, Baden-Baden. Poznejte slavné lázně podle fotek

Jaké jsou zkušenosti s obnovitelnou naftou?

AI Overviews je tady. Jde o soumrak organického vyhledávání?

Autosedačky a různá sedátka mohou zpomalit vývoj dětí

Legendární František Hamza léčil děti s tuberkulózou

Novela zákoníku práce upravuje stanovení průměrného výdělku

Platíte firemní faktury přes QR kódy? Pozor na phishing

Seznam odstavil výrobce serverů a dělá si je sám

Spánkovou apnoi může způsobovat i křivá čelist. Pomůže operace

Sedmikráska chudobka pomáhá snižovat cukr v krvi

Aukce domén nemají vydělávat, cílem je spravedlivý přístup

Jak AI v Googlu změní vyhledávání a SEO?

Novela stavebního zákona o zavedení poplatku za změnu pozemku na stavební

Kdo vám zafinancuje hypotéku bez nemovitosti?

Úvěry v účetnictví, aneb když nám chybí peníze

Panasonic investuje do servisních center v Cardiffu a Budapešti

Kdy může stát stopnout Bitcoiny?

Najdete na Vitalia.cz

PODCAST: Léky na obezitu jsou skoro zázračné, říká lékař z IKEMu
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 »