Lupa.cz  »  Přelomové rozhodnutí. VPN služby mají blokovat nelegální sportovní přenosy

Přelomové rozhodnutí. VPN služby mají blokovat nelegální sportovní přenosy

Filip Rožánek
22. 5. 2025
Doba čtení: 5 minut
13 nových názorů

Sdílet

Fotbalový fanoušek sleduje televizní přenos
Autor: Lupa.cz, ChatGPT
Služby jako Surfshark a NordVPN nesmí uživatelům umožnit přístup na pirátské sportovní streamy. Rozhodl o tom soud v Paříži, který jako první na světě uznal odpovědnost VPN.
Digizone.cz

Minulý týden vydal pařížský soud klíčový rozsudek, ve kterém nařizuje pěti předním poskytovatelům služeb virtuální privátní sítě (VPN), aby znemožnili přístup k neautorizovaným streamům sportovních utkání. Je to první rozhodnutí svého druhu nejen ve Francii, ale podle dostupných informací také na celém světě.

Pařížský soud uložil firmám NordVPN, CyberGhost, Surfshark, ExpressVPN a Proton zablokovat na francouzském území přístup ke konkrétním doménám, kterých je celkem 203. Rozsudek je výsledkem žaloby mediální skupiny Canal+, jejíž právníci v posledních letech dosáhli podobných opatření i proti dalším firmám poskytujícím různá technická řešení.

Canal+ se dožadovala ochrany proti nelegálnímu zpřístupňování přenosů Ligy mistrů, anglické Premier League a francouzského ragbyového šampionátu. Francouzská fotbalová liga souběžně chtěla zasáhnout proti neautorizovaným streamům Ligue 1 a Ligue 2, tedy dvou nejvyšších francouzských fotbalových soutěží. Obě rozhodnutí přišla ve stejný den.

Profesní sdružení VPN Trust Initiative označilo zatažení VPN služeb do tohoto boje za nešťastné. „Francouzské rozhodnutí nejen chybně přenáší zodpovědnost, ale zásadně ohrožuje soukromí a bezpečnost milionů uživatelů ve Francii i mimo ni. Tento způsob blokování už v minulosti selhal. Spoléhá na hrubé technické nástroje namísto přesných opatření zaměřených na skutečné zdroje pirátství. Proto nepovede k menšímu porušování autorských práv a způsobí pouze rozsáhlé vedlejší škody,“ uvedlo ve svém prohlášení.

Spokojenost naopak neskrývá francouzská fotbalová liga, pro níž jsou výnosy z licencí na televizní přenosy významným zdrojem příjmů. „Rozsudek potvrzuje, že francouzský systém boje proti sportovnímu pirátství umožňuje zapojit všechny zprostředkovatele, jejichž služby mohou být zneužity k přístupu na pirátské stránky,“ sdělili zástupci nejvyšší fotbalové soutěže.

Od operátorů k VPN

Majitelé práv na sportovní přenosy bojují proti načerno sdíleným streamům dlouhodobě. Daří se jim přitom rozšiřovat okruh firem, kterým soud může nařídit jakákoliv vhodná opatření. 

V roce 2022 dosáhla skupina Canal+ toho, že poskytovatelé internetového připojení nesmí zákazníkům ve Francii a jejích zámořských územích umožnit přístup na weby s pirátským obsahem.

Od té doby se zaměřuje na další subjekty, které jsou mezi uživatelem a cílovým streamem. Soudy postupně přijaly argumentaci, že nezbytná opatření musí uplatnit i služby maskující identitu uživatele nebo umožňující obcházet technická opatření. V roce 2024 Canal+ vyhrála soud s poskytovateli alternativních DNS, letos zvítězila nad poskytovateli proxy serverů a provozovateli CDN. Už dříve se jí podařilo soudně zamezit zobrazování odkazů na nelegální streamy ve výsledcích vyhledávání na Googlu a Bingu.

A kdo se na tyto streamy vlastně dívá? Francouzský telekomunikační úřad Arcom nedávno zveřejnil studii, podle níž se na pirátské sportovní streamy připojuje přibližně každý pátý Francouz. Obvykle jsou to pracující muži z velkých měst, průměrně jim je 37 let. Mezi nelegálními streamy vedou fotbalové přenosy, především Africký pohár národů, italská Serie A, německá Bundesliga a francouzská první fotbalová liga.

Stejná studie zjistila, že většina uživatelů pirátských streamů si platí také přístup na nějakou oficiální službu. Nemohou si ale dovolit předplatné všech služeb, mezi které jsou rozdělená vysílací práva na různé přenosy. Chodí proto na pirátské weby nebo používají různé doplňky, aplikace a modifikace televizních boxů, aby si přenosy mohli pustit na velké obrazovce.

Pomůže blokování?

„Zaměřovat se na renomované VPN služby je chybný a nepřiměřený přístup. Tlak na tyto legitimní poskytovatele VPN může vést k jejich odchodu z francouzského trhu – čímž se otevře prostor pro neetické a škodlivé subjekty,“ varuje skupina VPN Trust Initiative.

Francouzské soudy zablokovaly v uplynulých letech tisíce domén, ať už kvůli žalobám držitelů práv nebo z podnětu úřadu Arcom. Okamžitě však vznikají další.

Provozovatelé VPN upozorňují na zkušenosti z Itálie. „Blokování na úrovni infrastruktury opakovaně selhalo ve snaze účinně omezit pirátství a způsobilo řadu nezamýšlených, ale předvídatelných následků. Například v Itálii systém Piracy Shield způsobil rozsáhlé výpadky služeb na platformách jako Google Drive a donutil některé poskytovatele VPN zcela opustit trh,“ podotýká VPN Trust Initiative. Naráží na případ společnosti AirVPN, která přestala poskytovat služby italským zákazníkům.

„Francie nyní opakuje stejné chyby nevhodným rozšířením povinností blokování na poskytovatele VPN, překračuje hranice právních předpisů a nerespektuje standardy EU týkající se přiměřenosti a účinnosti. Tento selektivní přístup nutně selže, protože míří na příznaky místo řešení samotné podstaty pirátství,“ pokračuje vyjádření VPN Trust Initiative.

Přechodné opatření

Ve francouzském systému se na soud mohou obracet buď přímo držitelé práv, například televizní společnosti, nebo jejich poskytovatelé, třeba sportovní svazy. Mnohdy podávají žaloby společně. Není ale možné nechat zablokovat každý web, na kterém se objeví nějaký stream. Opatření musí mířit na znepřístupnění služby, kde je neautorizované poskytování sportovních přenosů hlavním účelem nebo jednou z podstatných součástí.

Soud pak rozhoduje ve zkráceném řízení, přičemž podle zákona může uložit „veškerá přiměřená opatření“ jakékoli právnické nebo fyzické osobě, která by mohla zabránit nebo ukončit porušování práv k duševnímu vlastnictví v daném případě. Tedy i technickým zprostředkovatelům, za které se po rozhodnutí z minulého týdne budou poprvé považovat také poskytovatelé VPN.

Opatření je však vždy přechodné. Soud může nařídit blokování služeb na každý den uvedený v oficiálním rozpisu utkání až do finálového zápasu. Po skončení sezony, mistrovství nebo jiné soutěže opatření vyprší a v dalším ročníku je o něj nutné požádat znovu. Například 25 webů vysílajících zápasy Ligue 1 a 2 musí být nepřístupných nejméně do neděle 25. května 2025, totéž platí o přenosech Premier League. „Už nyní se připravujeme na ochranu práv pro nadcházející sezónu,“ ohlásila francouzská fotbalová liga.

Polevit nehodlá ani Canal+, která kromě domovské Francie působí mimo jiné v České republice a na Slovensku. „Pro Canal+ je prioritou chránit svůj obsah. Společnost uplatňuje v boji proti pirátskému obsahu všechna dostupná právní opatření ve všech svých teritoriích,“ zdůraznila v tiskové zprávě. Připomněla, že jen ve Francii loni dosáhla zablokování více než 1300 doménových jmen.

MM Influenceři

„VPN Trust Initiative zastává názor, že vymáhání technických opatření na internetu by mělo být přesné, uměřené a odpovědné. Ochrana držitelů práv zůstává důležitým cílem, ale řešení se musí zaměřit na problém u jeho zdroje, a především by nemělo obětovat základní principy jako otevřený, bezpečný a soukromý přístup k internetu,“ reagovalo sdružení poskytovatelů VPN služeb.

„Respektujeme francouzský právní proces, nicméně považujeme toto rozhodnutí za nebezpečný precedens pro globální internetovou svobodu,“ poznamenala společnost Surfshark. „Požadavek, aby zprostředkovatelé zaváděli obsahová omezení, vyvolává zásadní otázky týkající se svobody projevu, přiměřenosti a ochrany práv uživatelů,“ dodala. Podobně se vyjádřila společnost NordVPN, která zkoumá možnosti dalšího postupu.

  • Chcete mít Lupu bez bannerů?
  • Chcete dostávat speciální týdenní newsletter o zákulisí českého internetu?
  • Chcete mít k dispozici strojové přepisy podcastů?
  • Chcete získat slevu 1 000 Kč na jednu z našich konferencí?

Staňte se naším podporovatelem

Chci se stát podporovatelem
Vstoupit do diskuse (13 názorů)
  • Našli jste v článku chybu?

Autor článku

Filip Rožánek

Filip Rožánek

Novinář se zaměřením na média. Dlouholetý účastník i pozorovatel českého mediálního cirkusu. Pracoval v Marketing & Media, Hospodářských novinách a Českém rozhlase.

Témata:

vlastnici prav take brzy narazi / uz narazeji na 21. stoleti. je to analogie k CD. a oni si porad mysli, ze Vam ten prenos proda pouze lokalni "kramek", jako to bylo s CD. takze budou bojovat dal a dal, nez uz to neuzivi ani jejich pravniky. pak zmeni model. tzn. bude se to uctovat globalne per prenos a vsichni budou vysmaty, zisky potecou dal. jen par vyzirku kolem bude kopat (viz lokalni kramky s CD). pro ne je pohodlnejsi to drzet pod krkem, dokud to jen jde. ale to uz v podstate konci /…
afk_cz
'; 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'; } }
Digizone.cz

Anketa

Mají Mapy od Seznamu šanci uspět celosvětově?

Zobraz výsledek

Komerční sdělení

Podcast

Mohlo by vás zajímat

Z našich webů

Dále u nás najdete

Vývojáři trpí v chaotickém firemním prostředí, hůř se soustředí

Jak jsem se přestal bát elektrických zubních kartáčků

Sprite změnil recepturu. Už nebude v zelené láhvi

Jak samoživitelka proměnila pomoc kamarádek v rodinnou značku

Internet věcí už komunikuje i přes satelit

Objem dat skokově roste, zvyšuje rizika deepfake útoků

Máte za sebou insolvenci a plánujete hypotéku?

Retro týden v Lidlu: Co se vyrábí podle původních receptur?

Google chystá speciálního AI asistenta pro vývojáře

Jak loni úřad reguloval a pokutoval?

Vyplňujete rádi předmět e-mailu? Seznam to teď bude dělat za vás

Příběh pětileté Emily stál na začátku úplně nové metody léčby

Z univerzitního projektu do Evropy: Jak čočka dobyla trh snacků

Mít pár kilo navíc jako pojistku pro případ vážné nemoci?

Madlenka může odložit respirátor. Ale na dárce stále čeká

Kateřina Medicejská kvůli početí pila kravskou moč

Jsou tu další snahy o prolomení šifrování v EU

Více než 50 % internetového provozu vytváří šest firem

Která města zvýšila daň z nemovitostí pro rok 2025 a 2026?

DPD opět rozšiřuje síť, začíná doručovat do OX Point boxů

Chcete mít Lupu bez bannerů? Zapojte se do podporovatelského programu Lupa+.
TO CHCI
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 »