Vitalia.cz  »  Zdraví  »  Nemoci a úrazy  »  Jak zvýšit hustotu kostí pomocí stravy a cvičení

Jak zvýšit hustotu kostí pomocí stravy a cvičení

Kateřina M. Košutová
10. 6. 2022
přidejte názor

Sdílet

Autor: Depositphotos
Zdravé kosti jsou důležité pro oporu i zdraví celého těla. Jak zlepšit jejich hustotu a zabránit řídnutí kostí? Důležitý je celkový životní styl, zejména váš jídelníček a dostatek vhodného pohybu.

Pevné kosti potřebuje každý člověk, protože podporují celé tělo. Kromě toho, že nám umožňují pohyb, také chrání důležité orgány před zraněním. S přibývajícím věkem dochází k ubývání kostní hmoty a tzv. řídnutí kostí. Tento proces lze výrazně zpomalit, ale i zrychlit následkem životního stylu.

Co se dozvíte v článku
  1. Zdravé kosti lze mít bez ohledu na věk
  2. Silový trénink pomáhá ke zvýšení hustoty kostí
  3. Pro kosti je důležitý také vitamín C
  4. Zdraví kostí závisí na příjmu vápníku i vitamínů D a K
  5. Nedostatečný příjem bílkovin ohrožuje pevnost kostí
  6. Diety a nezdravý životní styl ovlivňují hustotu kostní hmoty

Zdravé kosti lze mít bez ohledu na věk

Zdravou kostru udržují minerály včetně vápníku, které se v kostech ukládají. „Vrcholu“ hustoty kostní hmoty dosahujeme na konci třetí dekády našeho života a poté se v souvislosti se stárnutím začíná pomalu snižovat. Zejména ženy mohou být po menopauze náchylnější k osteoporóze. Silné kosti a svaly přitom snižují riziko zranění a pomáhají udržet rovnováhu i pohybovou koordinaci.

Podle nutričních specialistů je udržování zdravé hustoty kostí nezbytné pro snížení rizika kostních poruch souvisejících s věkem, jako je právě třeba již zmíněná osteoporóza. K té dochází, pokud se kosti stanou křehkými, slabými a méně odolnějšími vůči zlomeninám. Jestliže má člověk nízkou hustotu kostních minerálů, je náchylnější ke zlomeninám i bolestem a zhoršenému držení těla kvůli křehkým a slabým kostem.

Zvýšit jejich hustotu může cvičení, zejména silový trénink, a také strava bohatá na vitamíny, bílkoviny a vápník. Odborníci tvrdí, že bez ohledu na věk existuje mnoho věcí, které pro sebe lidé mohou udělat, aby nejenom zabránili úbytku kostní hmoty, ale dokonce si ji zvýšili.

Silový trénink pomáhá ke zvýšení hustoty kostí

Je známý fakt, že vzpírání je dobré pro posílení a budování svalů. Studie však ukázaly, že zvedání závaží a silový trénink může pomoci také ke zdravým kostem. Silový trénink je obzvláště prospěšný pro ženy po menopauze.

Dobrovolnice, které v roce 2003 během 12 měsíců absolvovaly tréninkový program, zaznamenaly významné zvýšení hustoty kostí v páteři a kyčlích, což jsou místa běžně postižená osteoporózou.

Kdo chce s podobným cvičením začít, může se pro začátek vybavit činkami s nastavitelnou zátěží a začít cvičit v domácích podmínkách. Návodů a programů pro podobný start pravidelné pohybové aktivity je možné najít na internetu celou řadu, je však třeba soustředit se na ty, které jsou připraveny renomovanými trenéry, a pro jistotu se před zahájením podobných cvičení poradit s lékařem.

Pro kosti je důležitý také vitamín C

Pro zvýšení hustoty kostí je klíčový vitamín C, který hraje významnou roli při produkci kolagenu, což zase napomáhá pevnosti kostí. Je obsažen ve většině ovoce a zeleniny a konzumace pěti porcí ovoce a zeleniny denně je dostatečná k získání doporučeného množství tohoto vitamínu.

Jeho předávkování se není nutné bát, je rozpustný ve vodě, takže přebytky tělo vyloučí. K potravinám bohatým na vitamín C patří například citrusové plody, papriky, jahody, kiwi, černý rybíz, brokolice, růžičková kapusta nebo brambory.

Galerie: Vitamíny v potravinách

Zdraví kostí závisí na příjmu vápníku i vitamínů D a K

Pro zdraví kostí je však primární živinou vápník a je důležité, aby ho lidé získali dostatek ze své stravy nebo ve formě doplňků. Vápník však nemůže fungovat bez vitamínů D a K.

Vitamín D umožňuje vstřebávání vápníku do krve a vitamín K působí jako nosič, který pomáhá transportovat vápník do kostí. Důležité pro zdraví kostí je tedy zajištění dostatečného množství vápníku spolu s těmito dvěma vitamíny.

Vápník lze nalézt v mléčných výrobcích, obohacených mléčných alternativách, různých druzích ořechů, tofu anebo zelené listové zelenině. Vzhledem k tomu, že deficitem vitamínu D trpí celosvětově velké množství dětí i dospělých, je vhodné získávat ho ve formě doplňků stravy. Vitamín K se nachází v zelené listové zelenině a sójových výrobcích.

Nedostatečný příjem bílkovin ohrožuje pevnost kostí

Snahu o zvýšení hustoty kostí podporuje také dostatečný příjem bílkovin. Proteiny pomáhají podporovat strukturu kostí a jejich pevnost. Kompletní bílkoviny, tedy takové, které obsahují všech devět esenciálních aminokyselin, lze najít v řadě živočišných zdrojů, jako je maso, ryby, vejce a mléčné výrobky.

Bílkoviny jsou také obsaženy v některých rostlinných zdrojích, avšak kompletní rostlinné bílkoviny může být těžké najít. Proto lidé, kteří se vyhýbají potravinám živočišného původu, by měli zajistit, že budou konzumovat pestré rostlinné zdroje, aby získali různé aminokyseliny, které jsou stavebními kameny bílkovin. Může jít například o fazole, luštěniny, ořechy, semena, sójové výrobky a celozrnné obiloviny. Bílkoviny lze podle odborníků v menším množství nalézt také v některých druzích zeleniny, jako je třeba brokolice nebo špenát.

Diety a nezdravý životní styl ovlivňují hustotu kostní hmoty

Některé okolnosti však ovlivňují kosti a jejich zdraví negativním způsobem.

Jsou to například extrémní diety, zejména nízkokalorické. Ty mohou vést nejenom ke ztrátě hustoty kostí, ale také k mnoha zdravotním problémům. Nedostatečný příjem adekvátních živin znamená oslabení pro celý organismus včetně kostí, což přináší zvýšené riziko jejich oslabení.

Různé diety, slibující rychlé zhubnutí, mají často za následek takzvaný jo-jo efekt, kdy lidé ztracená kila brzy opět naberou zpět. Tento proces sice vrátí tělu jeho váhu, ale už ne ztracenou kostní hustotu.

Nebezpečné jsou také mnohé faktory životního stylu, jako je stres, fyzická nečinnost, vysoký příjem kofeinu a alkoholu a samozřejmě kouření. To všechno může přispět k narušení zdraví kostí.

Zdroje:

Live Science: How to increase bone density

Medical News Today: 11 ways to increase bone density naturally

Live Science: Osteoporosis: Risks, Symptoms and Treatment

Mayo Clinic: Bone health: Tips to keep your bones healthy

Healthline: 10 Natural Ways to Build Healthy Bones

Chcete mít každé ráno v mailu přehled aktuálních článků z Vitalia.cz? Objednejte si náš mailový servis a žádná důležitá informace vám neuteče. Objednat si lze i týdenní přehled nebo také newsletter To hlavní, páteční souhrn nejdůležitějších článků ze všech našich serverů. Newslettery si můžete objednat na této stránce.

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:

Související články

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

Je tu nové vydání Computertrends 6/2025

Úroveň českých inženýrů je světová, říká šéf inovačního centra

Novela ZP: Jednorázová náhrada namísto odstupného

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

Ludvík Salvátor inspiroval i Vernea. Trpěl tropickou nemocí

V Portugalsku vzniká jedno z největších datacenter v Evropě

Když architektura x86 nestačí. Co nabízí místo ní IBM Power?

Datové schránky by nemusely mazat zprávy po 90 dnech

Bitcoiny z ministerské kauzy někdo rozměňoval

Meta a Yandex tajně monitorují vaše prohlížení webu na Androidu

Novela zákoníku práce: 7 přechodných ustanovení

Brněnský Zoner mění jméno svého fotoeditoru

Bitcoiny v pohybu: kam odcházely z peněženek Nuclea

Jak fungují daňové a účetní odpisy

Microsoft končí s nucením uživatelů používat prohlížeč Edge

Meta chce údajně koupit AI start-up za miliardy

Kancelářské počítače ve firmách žerou více elektřiny než datacentra

Partners banka mění podmínky. Jaké novinky chystá?

Děti poznají zdravé jídlo, výběr ale kazí reklama i rodiče

Půl života fetoval a vařil drogy. Teď sám pomáhá závislým

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 »