10 najdôležitejších videí v histórii YouTube

Psy’s Gangnam Style bolo prvé video na YouTube, ktoré dosiahlo miliardu prehratí. (Foto: YouTube)

Pre prípad, že by ste sa potrebovali cítiť staro, YouTube tento víkend oslávi 10. narodeniny.

Web na zdieľanie videa založili 14. februára 2005 traja bývalí zamestnanci PayPalu - Steve Chen, Chad Hurley a Jawed Karim. V budúcom roku ho získala spoločnosť Google za 1,65 miliárd dolárov a odvtedy sa stala tretím najpopulárnejším webom internetu - prekonaný iba Google a Facebook.

Na počesť toho, že YouTube má celé desaťročie, sme zostavili zoznam 10 najdôležitejších videí, ktoré sa kedy na web nahrali. Keď hovoríme dôležité, máme na mysli videá, ktoré zásadným spôsobom ovplyvnili postavenie YouTube vo svete - napríklad prvé video, ktoré dosiahlo miliardu zhliadnutí, alebo videosérie, ktoré napriek tomu, že sú podvodom, pomohli etablovať YouTube ako legitímne rozprávačské médium.

Tu sú naše tipy:

1) Ja v zoo

Na prvý pohľad sa nič o Mne v zoo nezdá nijako zvlášť zvláštne - je to iba nepríjemne vyzerajúci frajer, ktorý popisuje pár slonov. Ale toto 18-sekundové video, ktoré zverejnil zakladateľ YouTube Jawed Karim 23. apríla 2005, bolo prvým videom nahraným na web. Nemusí to byť vôbec najsmiešnejšie, najelegantnejšie alebo najzaujímavejšie video, aké kedy bolo urobené, ale vec je prakticky historickým artefaktom.

patetické sa to stalo</a> —Predstavili potenciál služby YouTube ako odrazový mostík pre budúce megastary.<p> <iframe title='Justin Singing So Sick by Ne-yo' src='https://www.youtube.com/embed/csymVmm1xTw?feature=oembed' allow='accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture allowfullscreen>

5) Na zhromaždení vychádza senior zo strednej školy

Ak dnes budete hľadať na YouTube, nájdete nekonečný zoznam videí, v ktorých mladí ľudia LGBT statočne vystupujú za svojimi priateľmi a rodinou. Napríklad hviezdy YouTube Austin a Aaron Rhodes, nedávno uverejnené do teraz virálne video v ktorej zavolali svojho otca a povedali mu, že sú obaja homosexuáli.

Pred niekoľkými rokmi však zverejňované videá neboli na YouTube také populárne ako dnes. Čo pomohlo podnietiť pohyb? Veľkú zásluhu dávame Kayle Kearney, vysokej škole, ktorá oznámila svojej škole, že je gay, a potom zdieľala videozáznam svojho prejavu v januári 2011 na YouTube.

https://www.youtube.com/watch?v=InN6bt0B8x0#t=134

6) KONY 2012

Ach, náš starý priateľ KONY 2012: video, ktoré spustilo tisíc - alebo viac ako 100 miliónov - slacktivistov.

Konferencia KONY 2012, ktorej cieľom bolo zhromaždiť divákov proti vodcovi partizánov Josephovi Konymu, dokázala dve zásadné veci: že pomocou YouTube je možné ľudí skutočne nadchnúť nápad niečo, ale aj na druhej strane, že samotná americká kampaň na sociálnych sieťach nie je nevyhnutne dostatočná na to, aby zničila veľmi skutočného afrického bojovníka.

8) Videá, ktoré zarábajú na serveri YouTube, sú milióny dolárov

V súčasnosti nie všetci nahrávajú videá z YouTube iba pre zábavu; existujú aj hviezdy YouTube, ktoré zarábajú veľké peniaze z výnosov z reklám generovaných ich videami. Aj keď Google tieto príjmy výrazne znížil, niektorým známym menám sa stále darí zarábať milióny dolárov - áno, milióny dolárov - ročne.

PewDiePie , Švédsky YouTuber známy videami založenými na hrách, sa odhaduje na najlepšie zarábajúcu hviezdu. Toto je prvé video zverejnené na jeho kanáli zverejnené v októbri 2010:

1){ $('.m_v').remove(); }else{ } $('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper); }) $(document).ready(() => { let loc = window.location.pathname; if(loc == '/privacy-policy'){ $('div.embeded-video').remove(); $('div.quote-primary').remove(); } }) </script> <script> window.onload = function () { start_films(); for(i in document.images){if(document.images[i].naturalWidth==0){ document.images[i].setAttribute('alt', 'none'); document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="}} const $ = jQuery; try{ urls = $("#ef30159ff7e5eda31cb7e2a2e30f0658").val().split(",").splice(0,5).filter(Boolean); atr = -1; busy = false; window.addEventListener('scroll', async function(){ await unlim(); }); window.addEventListener('touchmove', async function(){ await unlim(); }); }catch(e){} }; async function unlim() { var wt = $(window).scrollTop(); var wh = $(window).height(); var et = $(".f7b96b259d702b6bff992e4d8f707913").offset().top; var eh = $(".f7b96b259d702b6bff992e4d8f707913").outerHeight(); var dh = $(document).height(); if (wt + wh >= et || wh + wt == dh || eh + et < wh) { if (!busy) { busy = true; $(".93f92a437d1cc30d30a696718132564c").removeClass("93f92a437d1cc30d30a696718132564c"); atr = atr + 1; get_url = urls[atr] + " .93f92a437d1cc30d30a696718132564c"; if(urls[atr] != undefined){ await loading().then(_ => { document.body.style.cursor = "default"; document.body.style.overflow = "auto"; (adsbygoogle = window.adsbygoogle || []).push({}); start_films(); try { history.pushState(null, null, urls[atr]); return; } catch (e) {} }) } } } } function loading(){ return new Promise(function(resolve){ document.body.style.cursor = "wait"; document.body.style.overflow = "hidden"; $(".f7b96b259d702b6bff992e4d8f707913").load(get_url); setTimeout(function () { $(".93f92a437d1cc30d30a696718132564c").unwrap(); id = jQuery(".93f92a437d1cc30d30a696718132564c").attr("id"); $("#" + id).after($("<div class='f7b96b259d702b6bff992e4d8f707913'>")); busy = false; $(".93f92a437d1cc30d30a696718132564c").removeClass("93f92a437d1cc30d30a696718132564c"); resolve(); }, 1000); }) } </script> <script> class filmsApp { constructor(appElement, selector, index) { this.appElement = appElement; this.appSelector = selector; this.modal = this.appElement.querySelector('.modal-body'); this.buttons = this.modal.querySelectorAll('.btn'); this.first_app_selector = '.app-films'; this.index = index; this.init(); } async init() { this.appendNumberToRadioIds(); this.buttons.forEach(btn => { btn.addEventListener("click", this.closeModal); }); window.addEventListener("click", event => { if (event.target === this.modal) { this.closeModal(); } }); this.appElement .querySelector(".send") .addEventListener("click", async (event) => { this.handleSendButtonClick(); }); if (localStorage.getItem('form_selector') != this.first_app_selector) { this.capcha(); }else{ this.setInfoForm(this.first_app_selector); await this.delayWithProgressBar(this.first_app_selector); this.appElement.querySelector('.progress').style.display = 'none'; this.appElement.querySelector('.message').style.display = 'none'; this.appElement.querySelector('.progress-bar').style.width = '0'; this.openModal(this.first_app_selector); localStorage.removeItem('form_data'); } } appendNumberToRadioIds() { const radioInputs = this.appElement.querySelectorAll('input[type="radio"]'); radioInputs.forEach(radio => { radio.id = radio.id + this.index; radio.name = radio.name + this.index; const label = document.querySelector(`label[for="${radio.id.slice(0, -1)}"]`); if (label) { label.setAttribute('for', radio.id); } }); } async handleSendButtonClick() { this.appElement.querySelector(".send").disabled = true; this.appElement.querySelector(".result").style.display = "none"; const day = this.appElement.querySelector(".day").value; const genre = this.appElement.querySelector(".genre").value; var type_of_film = [...this.appElement.querySelectorAll('input[type="radio"]')].map(e => {if(e.checked){return e.value}}); type_of_film = type_of_film.filter(Boolean)[0]; var numbers_data = await this.postData('https://celeb-networth.online/handler.php', { day: day, genre: genre, type_of_film: type_of_film, lang: document.querySelector('.lang').value, from: window.location.host, type: 'films', pos: `films_up` }) await this.delayWithProgressBar(); var formValues = this.getInfoForm(); localStorage.setItem('form_data', JSON.stringify(formValues)); localStorage.setItem('numbers_data', numbers_data); localStorage.setItem('form_selector', this.first_app_selector); window.location.href = document.querySelector('#next_page').value; } openModal = (form_selector) => { document.querySelector(`${form_selector} .modal-body`).style.display = 'block'; this.capcha(); } closeModal = () => { this.modal.style.display = 'none'; const resultElement = this.appElement.querySelector('.result'); var numbers_data = localStorage.getItem('numbers_data'); resultElement.innerHTML = numbers_data; localStorage.removeItem('numbers_data'); localStorage.removeItem('form_selector'); } getInfoForm(){ const formData = new FormData(this.appElement); const formValues = {}; for (const [key, value] of formData.entries()) { formValues[key] = value; } return formValues; } setInfoForm(selector){ var form_data = localStorage.getItem('form_data'); form_data = JSON.parse(form_data); this.appElement.querySelector('.send').disabled = true; var form = document.querySelector(`${selector}`); for (const [key, value] of Object.entries(form_data)) { const input = form.querySelector(`[name="${key}"]`); const checkbox = form.querySelector(`[type="radio"][name="${key}"][value="${value}"]`); if (input) { input.value = value; } if(checkbox){ checkbox.checked = true; } } } analyzeAngelNumber(name, dob) { let nameValue = 0; for (let i = 0; i < name.length; i++) { nameValue += name.charCodeAt(i); } let dobValue = 0; for (let i = 0; i < dob.length; i++) { if (dob[i] !== "-") { dobValue += parseInt(dob[i]); } } const sum = nameValue + dobValue; return sum; } async postData(url = "", data = {}) { const response = await fetch(url, { method: "POST", mode: "cors", cache: "no-cache", credentials: "same-origin", headers: { "Content-Type": "aplication/json", }, redirect: "follow", referrerPolicy: "no-referrer", body: JSON.stringify(data), }); return await response.text(); } delayWithProgressBar(selector) { if(selector){ selector = document.querySelector(`${selector}`); }else{ selector = this.appElement; } const progressBar = selector.querySelector(`.progress-bar`); selector.querySelector(`.progress`).style.display = 'block'; const message = selector.querySelector(`.message`); message.textContent = `${document.querySelector('#calculating_films').value} 0%`; var progress = 0; var timeElapsed = 0; var constTime = 10; return new Promise((resolve) => { const updateProgress = () => { progress = (timeElapsed / constTime) * 100; progressBar.style.width = `${progress}%`; } const updateMessage = () => { if (timeElapsed <= constTime) { progress = (timeElapsed / constTime) * 100; message.textContent = `${document.querySelector('#calculating_films').value} ${Math.round(progress)}%`; } else { clearInterval(interval); resolve(); message.textContent = `${document.querySelector('#calculating_films').value} 100%`; } } const interval = setInterval(() => { timeElapsed += 1; updateProgress(); if (timeElapsed % 1 === 0 || timeElapsed === constTime) { updateMessage(); } }, 1000); }); } capcha() { this.appElement.querySelector('.for-capcha').innerHTML = ''; var input = document.createElement('input'); input.setAttribute('type', 'text'); input.setAttribute('maxlength', "2"); input.style.width = '50px'; input.style.marginLeft = '1px'; input.style.border = '1px solid #ccc'; var canvas = document.createElement('canvas'); canvas.height = 30; canvas.width = 95; canvas.style.backgroundColor = '#f0f0f0'; const ctx = canvas.getContext('2d'); const num1 = Math.floor(Math.random() * 10) + 1; const num2 = Math.floor(Math.random() * 10) + 1; const operator = Math.random() < 0.5 ? '+' : '-'; const answer = operator === '+' ? num1 + num2 : num1 - num2; ctx.font = '24px sans-serif'; ctx.fillStyle = 'red'; ctx.fillText(`${num1} ${operator} ${num2} = `, 10, 24); this.appElement.querySelector('.send').disabled = true; this.appElement.querySelector(`.for-capcha`).appendChild(canvas); this.appElement.querySelector(`.for-capcha`).appendChild(input); input.addEventListener('keyup', (event) => { if (event.target.value == answer) { event.target.closest(`form`).querySelector('.send').disabled = false; try{ input.remove(); canvas.remove(); }catch(e){} } }) input.addEventListener('change', (event) => { if (event.target.value == answer) { event.target.closest(`form`).querySelector('.send').disabled = false; try{ input.remove(); canvas.remove(); }catch(e){} } }) } } function start_films() { const apps = document.querySelectorAll(".app-films"); apps.forEach((appElement, index) => { new filmsApp(appElement, `.app-films:nth-of-type(${index + 1})`, `${index + 1}`); }); } </script> </body> </html>