Шаг №75.Как вставить видео на сайт?

Привет друзья. Сегодня я хочу посвятить этот урок вопросу добавления видео на сайт. Для чего добавлять видео на сайт мы не будем углубляться, у каждого свои на это причины. Для некоторых – это возможность поделиться интересным материалом, а для других возможность самовыражения (например популярные сейчас видеоблогеры со своими видеоблогами). Вставить видео на сайт можно несколькими способами. Обычно различают два основных способа – это размещение видеоролика на внешних сервисах видеохостинга ( например Youtube,Vimeo и т.д.) и размещение видеоролика на своем хостинге.

Плюсы и недостатки каждого из методов лежат на поверхности.Обычно видео файлы занимают довольно много дискового пространства( иными словами они много весят), а хостинг компании выделяют не слишком много места под сайты, например мой тарифный план подразумевает хранение до 10 ГБ файлов, и если я буду очень часто размещать видео на своем сайте то это место очень скоро закончится. Поэтому видео файл можно разместить на одном из сервисов хранения видео, а потом просто вставить видео на страницы сайта способом описанным ниже.

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

Кстати когда я делал свой первый видеоурок я разместил его на YouTube, таким образом просмотры идут и с Youtube и с моего сайта, что увеличивает популярность этого видеоролика.

Давайте перейдем уже непосредственно к вопросу как вставить видео на сайт, и рассмотрим первый способ.

Как вставить видео на сайт из Youtube?

1)Для начала Вам необходимо зарегистрироваться на сайте, если у Вас до сих пор нет аккаунта. Кстати аккаунт от Google подойдет и для Youtube.

2)Находим необходимое видео в поиске, либо добавьте новое видео в Youtube:

Как вставить видео на сайт из Youtube?

3)Выберите файлы для загрузки или перетащите их мышкой в окно браузера.

Как вставить видео на сайт из Youtube?

4)После выбора файла, нужно подождать пока он загрузится, после чего мы сможем вставить видео на свой сайт.

5)Покажу на примере своего первого видеоурока как дальше необходимо вставлять видео на сайт.Находим нужный файл, и кнопочку поделиться.

Как вставить видео на сайт из Youtube?

6)Нажимаем на нее и дальше выбираем кнопку HTML- код.

Как вставить видео на сайт из Youtube?

7)Теперь выбираем размер видео, и копируем получившийся код.

Как вставить видео на сайт из Youtube?

Данный код теперь необходимо разместить в записи или страницах вашего сайта в режиме HTML.

Как вставить видео на сайт из Youtube?

Для того что бы разместить видео посередине необходимо вначале и в конце поставить тег <center></center>

Вот так:

Как вставить видео на сайт из Youtube?

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

  • Алексей

    Спасибо за Ваш блог, очень много из уроков применяю для своего сайта, но вот возник такой вопрос: как сделать на странице миниатюры видео с ютуба, к примеру в 3 колонки и при нажатии на которые видео бы запускалось?

  • http://seokos.ru Томский школьник

    Раньше пользовался плагином, но сейчас решил вставлять код вручную! Хоть так немного труднее и дольше, но зато эффективней и нет нагрузки на блог!

  • http://averalife.com Vitta

    Скажите пожалуйста, а как поставить видео на свой сайт, если оно в PDF формате

    • http://www.ru Слон

      видео в PDFe????? Вы что там курите ?

      • http://omreiki.org Olga

        Да, именно видео в PDF! Знаете, я тоже была очень удивлена,
        когда узнала, что это возможно. 😯 Спросите у Гугла. 😉
        Только не все программы это умеют, нужен редактор для
        PDF-файлов версии Pro.

  • http://www.ru Слон

    Не работает.

  • Вадим

    Спасибо! А то я пытался центрировать видео, и ничего не получалось.

  • http://inga-dudarenko.narod.ru/ Инга

    Класс! Благодарю от Души!

  • http://lyublyu-shit.ru/ Людмила

    Скажите пожалуйста сколько (количество) можно устанавливать видео на сайт? Если оно размещено на ютубе? У меня уже много видео, ок 20. В последних статьях во всех есть и планирую еще. Как на это будут реагировать поисковики и вообще как это может отразиться на сайте? 😐

  • Николай

    сколько в день можно закреплять ссылок с ютуба на сайт ?

  • Роман

    у меня не получается, сделал так как написано, но вместо видео — пустое место….что не так может бьіть??

    • Анна

      А код при нажатии «Поделиться» HTML вставили? 🙂

  • Димон

    Добрый день, подскажите пожалуйста, а возможно ли при запуске плеера выполнить другое действие, переход на другую страницу например?

  • Анна

    Супер! Классно! Спасибо за понятное объяснение ❗

  • http://pyatilistnik.org/ Иван

    Спасибо, проверил реально работает, спасибо 😉