Zdravým životním stylem lze předejít ischemické chorobě srdeční. Jak s ním začít?

13. 4. 2022 7:30
2 nové názory
Autor: Shutterstock

Zdravý životní styl může mít v praxi několik podob. Ty se však opírají o pevné základy odborných výzkumů, které se zabývají tím, jak snížit riziko onemocnění a předčasného úmrtí. Jak asi sami tušíte, nedílnou součástí zdravého životního stylu je kvalitní strava, pohyb a omezení alkoholu a kouření. Neměli byste však opomíjet ani další aspekty zlepšení fyzického i psychického zdraví, jako je kvalitní spánek, relaxace nebo čas strávený s přáteli. Zajímá vás, jak začít?

Co je zdravý životní styl?

Co se dozvíte v článku
  1. Co je zdravý životní styl?
  2. Zdravý životní styl: definice
  3. Zásady zdravého životního stylu
  4. Změna životního stylu: jak na to?

Zdravý životní styl může pro každého znamenat něco trochu jiného, a to z důvodu, že neexistuje jeden jediný správný způsob, jak žít zdravě. Dá se však říci, že žít zdravým životním stylem znamená dělat věci, díky kterým se cítíte celkově lépe.

Zatímco pro jednoho člověka to může v praxi znamenat jít si každé ráno zaběhat a dát si ledovou sprchu, pro druhého pravidelně cvičit a stravovat se podle přerušovaného půstu, pro jiného zase třeba pěstovat květiny na zahradě a vídat se pravidelně se svými blízkými.

Nejen že každý člověk je jiný a vyhovuje mu jiný typ pohybu, stravovacího režimu či trávení volného času, ale má i jiné genetické předpoklady, které mohou mít vliv na to, jaký způsob života a stravování mu nejlépe prospívá. Existují ovšem zásady zdravého životního stylu, kterými je dobré se přinejmenším inspirovat, chcete-li žít kvalitněji. [1]

Zdravý životní styl: definice

Světová zdravotnická organizace (WHO) definuje zdravý životní styl jako způsob života, který snižuje riziko vážného onemocnění nebo předčasné smrti. Ne všem nemocem lze předejít, ale mnohým příčinám úmrtí, zejména na ischemickou chorobu srdeční (nedokrevnost srdce v důsledku zúžené věnčité tepny) a rakovinu plic, se lze vyhnout.  [2]

Zásady zdravého životního stylu

Podle WHO byste se v rámci zdravého životního stylu měli především zaměřit na konzumaci dostatečného množství ovoce a zeleniny, omezit příjem tuků, cukrů a soli a pravidelně cvičit. Na základě dalších studií odborníci vypracovali zásady, které mají vliv na snížení rizika předčasného úmrtí. Jedná se o níže uvedené návyky.

Zdravé jídlo jako životní styl

Měli byste konzumovat kvalitní potraviny v odpovídajícím množství vaší hmotnosti a vašemu energetickému výdeji. Pozor byste si měli dávat na vysoký kalorický proficit, tedy nadbytek, ale také kalorický deficit, čili nedostatečný příjem živin. V rámci zdravého životního stylu byste dále do jídelníčku měli zařadit především:

  • ovoce a zeleninu,
  • celozrnné výrobky,
  • zdravé tuky a omega 3 mastné kyseliny,
  • ořechy,
  • luštěniny,
  • mléčné výrobky,
  • libové bílkoviny (drůbeží maso apod.).

Naopak omezit nebo úplně vyřadit z jídelníčku byste měli:

  • slazené nápoje,
  • zpracované maso (zejména uzeniny),
  • fast food,
  • ultra zpracované potraviny (zejména polotovary),
  • trans-mastné kyseliny (trans tuky).

Pravidelná fyzická aktivita

Ať už jste sportovní typ či nikoli, pohyb by ve vašem každodenním harmonogramu neměl chybět. Podle výzkumů byste se měli věnovat nějaké fyzické aktivitě alespoň 30 minut denně. Pokud neradi sportujete nebo na sport nemáte jednoduše čas, zkuste zařadit pohyb do běžných činností, jako je například chůze do práce nebo do schodů, častěji se zvedněte ze židle a projděte se nebo si třeba udělejte pár dřepů.

Co se týče sportu, existuje i mnoho jiných variant, než jen chodit do posilovny. Na výběr máte například kurzy tance, jógy, bojových umění a podobně. A pokud nestíháte dojíždět na lekce, nabízí se mnoho cvičebních programů online, které začínají i na 10 minutách. Na ty si čas mohou najít i opravdu zaneprázdnění lidé.

Zdravá tělesná váha

Zdravá tělesná váha se určuje podle indexu tělesné hmotnosti (BMI), který se využívá jako indikátor podváhy, tělesné hmotnosti a obezity. Za normu je považováno rozmezí 18,5 až 25. Je však dobré na tato čísla pohlížet s odstupem, jelikož nemají výpovědní hodnotu o procentu tělesného tuku a poměru svalů k vaší váze.

Svalnatí lidé tak mohou mít BMI vyšší, aniž by měli nadváhu. Nejsou-li vaše hodnoty v normě, měli byste se pokusit o snížení nebo naopak o navýšení kalorického příjmu.

Kromě tělesné hmotnosti kontrolujte i obvod vašeho pasu, neboť právě v této části těla se ukládá viscerální (útrobní) tuk, který může představovat riziko pro vaše zdraví. U žen se pravděpodobnost zdravotního rizika zvyšuje při velikosti obvodu přibližně nad 80 cm a u mužů zhruba nad 94 cm.

Kouření a alkohol

O tom, že kouření není pro zdraví prospěšné, není pochyb, proto neexistuje doporučené množství, jak moc kouřit. Ideální je tedy vůbec nekouřit, a pokud ano, měli byste se tento návyk alespoň pokusit omezit na minimum. Kouření a zdravý životní styl jednoduše nejdou dohromady.

Co se týče alkoholu, zde už se dá hovořit o doporučeném množství, které byste v rámci zdravého životního stylu neměli překročit. U žen je to 5 až 15 gramů na den a u mužů 5 až 30 gramů, přičemž jeden nápoj obsahuje asi 14 gramů alkoholu. V praxi je to tedy přibližně:

  • 150 ml vína,
  • 355 ml piva,
  • 44 ml destilátu. [3, 4, 5, 6]

Změna životního stylu: jak na to?

Pokud nevíte, jak proměnit nezdravý životní styl na zdravý, jste na dobré cestě už pouze tím, že chcete vynaložit úsilí o kvalitnější život. Jak změnit životní styl, abyste se zase brzy nevrátili ke starým návykům? Stanovte si přiměřené a realistické cíle. Pokud jste doteď nic nedělali, nepokoušejte se od zítra uběhnout každé ráno 8 kilometrů.

Náhlé drastické změny zpravidla nejsou udržitelné a je pak snadné se rychle vzdát. Pokud například chcete cvičit, zkuste si pro začátek najít 10 minut denně nebo třeba jen párkrát týdně. Jestliže se nestravujete zdravě, neměňte okamžitě celý jídelníček, ale zkuste nejprve třeba jen vyměnit bílé pečivo za celozrnné. Veškeré změny si zkuste vždy nejprve předem naplánovat a časově zorganizovat.

Jakmile si první zdravé návyky osvojíte, můžete přidat více minut cvičení, vyměnit další část vašich potravin za zdravější alternativu a tak dále. Pokud naopak málo odpočíváte, pokuste se pro začátek najít si alespoň několik minut na čtení, relaxační cvičení, meditaci nebo třeba horkou vanu pro vaši psychickou pohodu. [7]

10 kroků, jak začít zdravý životní styl

Přestože jsou výše uvedené zásady bezesporu základem zdravého životního stylu, mnoho odborníků upozorňuje na další faktory, které je potřeba vzít v úvahu. Nejen péče o tělesnou schránku je pro zvýšení kvality života nezbytná, ale i psychická hygiena má v lidském zdraví nezastupitelnou roli. Následující kroky vám tedy mohou pomoci cítit se celkově lépe po fyzické i psychické stránce:

  • Dopřejte si pravidelně dostatečné množství spánku, neboť tím podpoříte vaši imunitu a budete psychicky odolnější.
  • Pravidelně se scházejte se svojí rodinou a přáteli, čímž přispějete vaší psychické pohodě.
  • Vyhledávejte situace a možnosti, díky kterým se můžete zasmát a uvolnit se.
  • Najděte si každý den čas sami pro sebe, kdy můžete například meditovat nebo jen tak relaxovat.
  • Snažte se každý den splnit určitý počet kroků, například tím, že si pořídíte chytré sportovní hodinky.
  • Soustřeďte se na správné držení těla, ať už při chůzi, vsedě nebo během cvičení.
  • Vyzkoušejte jógu, během které podpoříte vaši sílu, pružnost i rovnováhu a psychicky se odreagujete.
  • Dbejte na dostatečný příjem proteinu, který vám pomůže s hubnutím i budováním svalové hmoty.
  • Snažte se uvažovat pozitivně. Pokud nastane nepříjemná situace, zkuste přemýšlet, jak ji změnit nebo využít k lepšímu namísto toho, abyste podlehli stresu a úzkosti. [8, 9]

Zdroje: nzip.cz, health.harvard.edu, bbc.co.uk, euro.who.int, healthline.com, webmd.com, nhlbi.nih.gov, apps.who.int

Annetta (neregistrovaný)

Začít se zdravým životním stylem mi pomohly nejen změny ve stravě a pohybu, ale také podpora ve formě kvalitních doplňků stravy. Po přečtení recenzí jsem se rozhodla vyzkoušet doplňky od Pharmanex https://www.michalseidler.cz/doporucuji/recenze-pharmanex-lifepak-a-marine-omega-od-nu-skin/, které zahrnují vše potřebné pro srdce a celkovou vitalitu. Kombinace správné stravy, pravidelného pohybu a cílených doplňků mě motivuje na cestě ke zdraví. Díky těmto malým krokům se cítím lépe fyzicky i psychicky – a hlavně vím, že dělám maximum pro prevenci nemocí.

Petra (neregistrovaný)
Zajímavý článek i některé informace jsem se dozvěděla nové. Trochu více a detailněji bych uvítala cviky.....např. jako na tomto webu https://prozdravi.eu/. Je proto, aby to člověk nemusel dohledávat na jiném webu.
  • 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 »