3 простых способа загрузить видео с YouTube. Как загрузить видео на сайт с ютуба


Как загрузить видео на ютуб быстро и легко

В данном видео, вы можете наглядно посмотреть как загрузить видео на ютуб канал. Если же у вас нет возможности посмотреть видео, тогда подробную пошаговую информацию вы найдете в статье под видео.

Как загрузить видео на ютуб канал

Очень часто пользователи, которые впервые сталкиваются с желанием поделиться своим видео в YouTube не знают как это сделать. Так как большинство использует YouTube для просмотра видео, а не для выкладывания своих роликов. Да и дизайн, сам YouTube меняет часто, так что иногда можно запутаться.

И так, загрузить видео на ютуб можно несколькими способами:

  • загрузить, имеющийся у вас на компьютере или телефоне, уже готовый ролик;
  • загрузить видео с веб-камеры;
  • создать и загрузить презентацию;
  • загрузить эфир Google+ Hangouts;
  • загрузить видео, отредактированное в видео редакторе YouTube;

Первый способ является самым распространенным, ним пользуется 98% пользователей. ПО-этому более детально я опишу именно этот способ.

Как загрузить видео на ютуб канал

Первым делом зайдите на сайт YouTube под своим аккаунтом. Если у Вас его нет, тогда смотрите мое видео о том как создать канал YouTube.

В правом верхнем углу, над баннером канала YouTube, вы увидите кнопку «добавить видео». Нажимайте на нее.

как загрузить видео на ютуб

Справа вы увидите перечень дополнительных способов того, как загрузить видео на ютуб, а слева перед вами будет нарисована стрелка вверх с надписью «выберите файл для загрузки». Нажмите на эту стрелку и выберите у себя на компьютере видео файл, который вы хотите загрузить. После этого нажимайте ОК и загрузка начнется автоматически.

как загрузить видео на ютуб

Перед вами откроется окно с метаданными видео, которые необходимо заполнить.

В первом поле укажите название видео. Название видео YouTube и его правильная оптимизация для продвижения видео в YouTube

Во втором поле напишите описание видео. Урок правильное описание и оптимизация видео YouTube.

Далее заполните поле с тегами видео. Как правильно оптимизировать теги YouTube видео.

После этого выберите, кто сможет просмотреть ваше видео. Либо оно будет доступно всем, либо только тем пользователям, у которых есть ссылка на него, либо только вам.

Внизу вы можете добавить свою уникальную картинку превью, вместо трех, которые Вам предлагает YouTube. Видео урок: Картинка на видео YouTube: ее подбор и оптимизация.

После того, как вы заполнили все метаданные, нажимайте на синюю кнопку «Готово», которая находиться в правом верхнем углу.

Ниже на скриншоте, вы можете наглядно посмотреть расположение всех кнопок и полей.

как загрузить видео на ютуб

Когда видео загрузиться и обработается ютубом, вы сможете его просмотреть уже у себя на канале.

Дам один совет: если вы хотите, чтобы обработка заняла как можно меньше времени, тогда загружайте видео на ютуб в формате MP4.

firstvideoseo.com

Ускоряем загрузку страниц сайта путем загрузки видео с YouTube по клику

Как ускорить загрузку страниц сайта?

При создании сайта под заказ или просто для своего проекта возникает проблема со скоростью загрузки видео. Часто Google PageSpeed Insights на данную проблему не реагирует, но при загрузке в браузере скорость загрузки страницы заметно падает. Я сейчас говорю именно о видео. О тех видео, которые мы берем с сервиса Youtube. В этой статье я рассмотрю способ, который действительно ускорит загрузку страницы, на которой находится много вставок видео с Youtube.

Тему скорости загрузки страницы я раньше уже затрагивал в следующих статьях и видео:

Чтобы сравнить скорость загрузки страницы, перейдите по следующим кнопкам:

Обычная вставкаЗагрузка при клике

Как это использовать и результаты экспериментов

Эксперимент - как ускорить загрузки страницы отказавшись от iframe

Вначале я хотел просто рассказать о способе, который позволяет ускорить загрузку видео, которые веб-мастера берут с сервиса YouTube. Потому что, изначально сервис YouTube предлагает использовать для вставки видео именно iframe. Но, как в любой ситуации, всегда можно найти еще лучшее решение.

Затем я решил просто сравнить количество HTTP запросов на странице, где нет вставок iframe, со страницей, где я для примера вставил несколько видеороликов. Я понимал, что этот способ действительно уменьшает время загрузки страницы, но был приятно удивлен, когда увидел, что загрузка уменьшается в десятки раз.

Об этом эксперименте с видеороликами вы можете прочитать ниже. Я часто пользуюсь своими же статьями, которые написал довольно давно, поэтому для удобства я приведу скрипты, стили и разметку, которая необходима для вставки видео этим способом. Чтобы когда вы зайдете на данную статью второй раз (из закладок, например), могли сразу воспользоваться необходимыми материалами.

Блок "СКОПИРОВАЛ-ВСТАВИЛ"

Автор этого кода Alexis Ulrich (ссылка на оригинал в конце статьи). А сейчас, собственно, сам код с небольшими пояснениями.

1 этап. HTML разметка

HTML КОД

1 <div></div>

ВАЖНО: в атрибут id необходимо вставить идентификатор вашего видео на YouTube. Если не знаете, где оно находится то смотрите видео инструкцию к этой статье ниже.

2 этап. CSS стили

Скачать изображение кнопки "Play" можно здесь — скачать кнопку "Play".

CSS КОД

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 .youtube { background-position: center; background-repeat: no-repeat; position: relative; display: inline-block; overflow: hidden; transition: all 200ms ease-out; cursor: pointer; }   .youtube .play { background: url('../img/youtube-play-btn.png') no-repeat; /*ВАЖНО: здесь укажите адрес до изображения*/ background-position: 0 -50px; -webkit-background-size: 100% auto; background-size: 100% auto; position: absolute; height: 50px; width: 69px; transition: none; top:0; left:0; right:0; bottom:0; margin:auto; }   .youtube:hover .play { background-position: 0 0; }

3 этап. Javascript

JAVASCRIPT КОД

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 'use strict'; function r(f){/in/.test(document.readyState)?setTimeout('r('+f+')',9):f()} r(function(){ if (!document.getElementsByClassName) { // Поддержка IE8 var getElementsByClassName = function(node, classname) { var a = []; var re = new RegExp('(^| )'+classname+'( |$)'); var els = node.getElementsByTagName("*"); for(var i=0,j=els.length; i<j; i++) if(re.test(els[i].className))a.push(els[i]); return a; } var videos = getElementsByClassName(document.body,"youtube"); } else { var videos = document.getElementsByClassName("youtube"); }   var nb_videos = videos.length; for (var i=0; i<nb_videos; i++) { // Находим постер для видео, зная ID нашего видео videos[i].style.backgroundImage = 'url(http://i.ytimg.com/vi/' + videos[i].id + '/sddefault.jpg)';   // Размещаем над постером кнопку Play, чтобы создать эффект плеера var play = document.createElement("div"); play.setAttribute("class","play"); videos[i].appendChild(play);   videos[i].onclick = function() { // Создаем iFrame и сразу начинаем проигрывать видео, т.е. атрибут autoplay у видео в значении 1 var iframe = document.createElement("iframe"); var iframe_url = "https://www.youtube.com/embed/" + this.id + "?autoplay=1&autohide=1"; if (this.getAttribute("data-params")) iframe_url+='&'+this.getAttribute("data-params"); iframe.setAttribute("src",iframe_url); iframe.setAttribute("frameborder",'0');   // Высота и ширина iFrame будет как у элемента-родителя iframe.style.width = this.style.width; iframe.style.height = this.style.height;   // Заменяем начальное изображение (постер) на iFrame this.parentNode.replaceChild(iframe, this); } } });

[ВИДЕО] Как использовать данный способ ускорения загрузки страниц на своих проектах?

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

Эксперимент со скоростью загрузки страницы на практике

Эксперимент со скоростью загрузки страниц

Ниже я описал 2 небольших эксперимента со скоростью загрузки страницы в зависимости от способа загрузки видео YouTube. Обратите внимание, насколько сильно отличаются цифры. Все тесты я проводил в браузере Chrome (версия 52.0.2743.116 m).

Для тестов я создал две страницы:

  • Страница #1 — здесь загрузка реализована тем способом, о котором рассказано в статье. То есть видео загружается только при клике.
  • Страница #2 — на этой странице я вставил видео обычным способом — через тег iFrame.

На протяжении двух тестов на страницах будут лишь добавляться видео.

ТЕСТ #1 — Количество видео на странице: 1

Сравнение скорости загрузки страницы с одним видеороликом

Подробное изображение со всеми запросами можно посмотреть по ссылкам:

Как видно из скриншота, на первой странице время загрузки меньше половины секунды. Оно и понятно, ведь на второй странице вдвое больше запросов. Даже на странице с одним видео заметна существенная разница. Если проанализировать запросы, то можно заметить, что на первой странице лишь 7 запросов, в то время как на второй их 15.

Но что же произойдет, если будет не одно видео, а несколько? Смотрите результаты второго эксперимента далее…

ТЕСТ #2 — Количество видео на странице: 5

Сравнение скорости загрузки страницы с одним видеороликом

Количество запросов для каждой из страниц:

Здесь разница колоссальная. Как во времени загрузки, так и по количеству запросов.

Я думаю становится понятно, что чем большее количество видео используется на странице, тем дольше будет осуществляться загрузка страницы.

Вывод

Скорость загрузки страниц — это постоянно больной вопрос. Многие пишут о том, что этот вопрос остро стоит именно в наше время. Но изучая литературу по созданию сайтов, которая написана в начале 2000-х, я сделал для себя вывод: даже в то время, когда страница загружалась примерно 10 секунд, о скорости загрузки беспокоились точно также, а может даже сильнее. Причина — приходилось отказываться от графической информации и других медиа на странице.

Способ вставки видео с YouTube, который мы рассмотрели в этой статье, действительно позволяет ускорить загрузку страниц сайта. Это видно даже на глаз. Поэтому попробуйте один раз применить это на своем сайте, и вы поймете все прелести данного способа.

К сожалению, прочитав статью, многие веб-мастера разочаруются. Возможно, они ждали именно плагина для какой-либо CMS (WordPress, Joomla и т.д). Ведь намного проще установить один плагин и наслаждаться результатом. Но увы, действительно оптимизированные вещи делаются зачастую вручную. Поэтому данный способ отлично подойдет для лендингов. Но кто запрещает на основе этого JS кода написать свой плагин для WordPress, например? 😉

Успехов!

Источник

С Уважением, Юрий Немец

Почему нельзя вставлять видео YouTube через iframe или как ускорить загрузку страниц сайта 5.00/5 (100.00%) 32 голос(ов)

Понравилась статья - расскажи друзьям! :)

Facebook

Twitter

Вконтакте

Одноклассники

Google+

www.sitehere.ru

3 простых способа загрузить видео с YouTube

YouTube как загружать видео

Загрузить видео с YouTubeВозможность просмотра или прослушивания видео на YouTube может быть очень удобна по разным причинам. Некоторые из нас просто хотят послушать песню или лекцию, которые нам нравятся, без необходимости проводить наши мобильные данные. Другие хотели бы хранить видео, если у нас нет доступа в Интернет. В последнее время загрузить видео с YouTube становиться сложнее, но всегда есть способы, с помощью которых вы можете обойти все трудности по загрузке и хранить видео на YouTube на местном уровне. Вот несколько способов, которыми вы можете загрузить видео с YouTube.

Использование онлайн-конвертера

онлайн конвертер YoutubeОдин из простейших способов конвертировать и загружать видео онлайн через онлайн-конвертер. Одним из преимуществ онлайн-конвертеров является то, что вам не нужно ничего устанавливать на вашем компьютере, и они быстро выполняют свою работу.

Тем не менее, одна из проблем заключается в том, что YouTube может в конечном итоге прикрыть этот вариант или сделать невозможным загрузку видео через свою платформу. Другая проблема заключается в том, что на этих сайтах также может страдать вредоносное ПО.

Например, Youtube-mp3.org когда-то был одним из самых популярных преобразователей, пока он не был закрыт. Хотя вы всегда можете найти новые конвертеры,  но всегда есть вероятность, что они внезапно перестанут работать на YouTube видео или просто закроются.

Конвертер видео YouTube Freemake

 YouTube Freemake Конвертер видеоСоветуем  вам,  присмотрится и попробовать  использовать этот хороший инструмент.  YouTube Converter может загружать видео с YouTube в нескольких форматах. Чтобы начать работу, вам нужно будет установить его на свой компьютер.  Десктопные приложения, как правило, обеспечивают гораздо лучшее качество, чем онлайн-конвертеры, и не перестанут работать на ночь.

Freemake — отличный вариант, если у вас Mac или ПК. Что отличает FreemakeYouTube Converter от того, насколько просто его использовать. В то время как большинство конвертеров попросят скопировать и вставить адрес видео YouTube. Программаr позволяет вам искать видео непосредственно из программы. И самое лучшее в программе Freemake Converter – это  бесплатность приложения. Если вы хотите получить дополнительную информацию об этой программе, посетите http://softodar.ru/freemake-video-converter.html.

Как загрузить видео с YouTube в галерею iOS

Использование мобильного загрузчика

YouTube загрузка для iOSЕсли вы хотите загрузить свои видео на мобильное устройство, есть много вариантов. Существует несколько приложений и веб-сайтов, которые позволяют конвертировать видеоролики YouTube и загружать их прямо на любое устройство.

  1. Первое, что вам нужно сделать, это получить приложение Documents от Readdle из магазина приложений. Это система управления файлами, которая позволит вам сохранять ваши видео на YouTube.
  2. После того, как вы его установили, щелкните значок компаса в правом нижнем углу страницы. Это приведет вас к веб-браузеру. Теперь перейдите в ru.savefrom.net, используя веб-браузер приложения.
  3. Обратите внимание, что вам нужно будет получить URL-адрес видео, которое вы хотите преобразовать. Просто перейдите к видео, которое вам нравится, дождитесь, пока реклама покажет, и получите ссылку на видео через опцию управления.
  4. Теперь все, что вам нужно сделать, это вставить ссылку в ru.savefrom.net, выбрать разрешение и нажать на загрузку. Как только вы загрузите видео, он появится в папке загрузки документов 6, и вы сможете получить к нему доступ, когда захотите.

Загрузка видео YouTube на мобильном или настольном устройстве довольно проста. Все, что вам нужно сделать, это выбрать подходящую онлайн-платформу, программу или приложение, а оно  сделает остальное за вас. Выберете вариант из предложенных вариантов, который наилучшим образом соответствует вашим потребностям.

softodar.ru