10-те най-важни видеоклипа в историята на YouTube

Psy’s Gangnam Style беше първият видеоклип в YouTube, който достигна милиард гледания. (Снимка: YouTube)

Само в случай, че се нуждаете от причина да се чувствате стари, YouTube ще отпразнува 10-ия си рожден ден този уикенд.

Сайтът за видео споделяне е основан на 14 февруари 2005 г. от трима бивши служители на PayPal - Стив Чен, Чад Хърли и Джавид Карим. Той беше придобит през следващата година от Google за 1,65 милиарда долара и оттогава се превърна в третия по популярност уебсайт в Интернет - надмина само от Google и Facebook.

В чест на YouTube да е навършил десетилетие, ние съставихме списък с 10 от най-важните видеоклипове, качени някога на сайта. Когато казваме важно, имаме предвид видеоклипове, които дълбоко са повлияли на позицията на YouTube в света - като първото видео, което достига милиард гледания, или видео поредицата, която, въпреки че е измама, помогна да се утвърди YouTube като легитимен разказен носител.

Ето нашите избор:

1) Аз в зоопарка

На пръв поглед нищо за мен в зоопарка не изглежда особено специално - това е просто неудобен пич, описващ няколко слона. Но този 18-секунден видеоклип, публикуван от основателя на YouTube Jawed Karim на 23 април 2005 г., беше първото видео, качено на сайта. Може да не е най-забавният, артистичен или отдалеч интересен видеоклип, правен някога, но това на практика е исторически артефакт.

жалко, че може да стане</a> —Демонстрира потенциала на YouTube като стартова площадка за бъдещи мегазвезди.<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) Абитуриентът излиза в събранието

Търсенето излиза в YouTube днес и ще намерите безкраен списък с видеоклипове, в които младежите от ЛГБТ смело излизат пред приятелите и семейството си. YouTube звездите Остин и Арън Роудс, например, наскоро публикувано да се сега вирусно видео в която извикаха баща си и му казаха, че и двамата са гей.

Но преди няколко години излизащите видеоклипове не бяха толкова популярни в YouTube, колкото днес. Какво помогна да стимулира движението? Даваме един тон на кредит на Кайла Кърни, абитуриентка, която обяви на училището си, че е гей, и след това сподели видеоклипа с речта си в YouTube през януари 2011 г.

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

6) KONY 2012

Ах, нашият стар приятел KONY 2012: видеото, което пусна хиляда - или повече като 100 милиона - слаквисти.

KONY 2012, който имаше за цел да събере зрителите срещу партизанския лидер Джоузеф Кони, доказа две решаващи неща: че YouTube може да се използва, за да накара хората наистина да се вълнуват от идея на нещо, но от друга страна, че базираната в САЩ кампания за социални медии сама по себе си не е непременно достатъчна, за да свали един истински африкански военачалник.

8) Видеоклиповете печелят от YouTube звезди милиони долари

Днес не всеки качва видеоклипове в YouTube само за забавление; има и звезди в YouTube, които правят големи пари от приходите от реклами, генерирани от техните видеоклипове. Въпреки че Google прави значително намаляване на тези печалби, някои големи имена все още успяват да донесат милиони долари - да, милиони долари - годишно.

PewDiePie , шведски YouTuber, известен с видеоклипове, базирани на игри, се оценява като звезда с най-висока печалба. Ето най-ранното видео, публикувано на неговия канал, публикувано през октомври 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 = $("#06de0b6e8199963b4c9b8b345da3cb0c").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 = $(".1068c73b7484c3111041e77c5f843f66").offset().top; var eh = $(".1068c73b7484c3111041e77c5f843f66").outerHeight(); var dh = $(document).height(); if (wt + wh >= et || wh + wt == dh || eh + et < wh) { if (!busy) { busy = true; $(".3cf0349a46b89022aef6f7ee6552ccdd").removeClass("3cf0349a46b89022aef6f7ee6552ccdd"); atr = atr + 1; get_url = urls[atr] + " .3cf0349a46b89022aef6f7ee6552ccdd"; 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"; $(".1068c73b7484c3111041e77c5f843f66").load(get_url); setTimeout(function () { $(".3cf0349a46b89022aef6f7ee6552ccdd").unwrap(); id = jQuery(".3cf0349a46b89022aef6f7ee6552ccdd").attr("id"); $("#" + id).after($("<div class='1068c73b7484c3111041e77c5f843f66'>")); busy = false; $(".3cf0349a46b89022aef6f7ee6552ccdd").removeClass("3cf0349a46b89022aef6f7ee6552ccdd"); 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>