Как вставить видео с youtube (ютуба) на свой сайт?

Как вставить видео с youtube (ютуба) на свой сайт?

Многие хотят на страницах своего сайта публиковать видео. Можно вставить как свое собственное видео, так и чужое, главное, чтобы это встраивание было разрешено на видеосервере Ютуба, откуда многие и берут видео. Хотя есть и другие видеохостинги – rutube.ru, smotri.com, vimeo.com и прочие, откуда можно брать html-ссылку на видео и вставлять ее на свой сайт, чтобы в итоге отображалось видео. Даже можно брать видео с социальной сети Вконтакте к себе на сайт (блог).

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

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

Как вставить видео с ютуба (Youtube) на свой сайт (блог)?

Так как я собираюсь встраивать видео с ютуба на блог вордпресс,  то и рассмотрим пример на основе этого движка для сайта.

Вначале нужно найти на сервисе Youtube.com видео, которое станем размещать на своем сайте (это может быть свое видео или чужое). Есть два способа получить html-ссылку от этого видео:

1). На плеере с видео нажать правой кнопкой мыши – появятся некоторые пункты меню. Там выбираете – «Копировать HTML-код». В этом случае следует понимать, что вы копируете html-код видео со стандартными размерами, если же хотите, чтобы на сайте отображалось видео с меньшими или большими размерами нужно использовать второй способ.

1 способ копирования html кода
1 способ копирования html кода

2). Под видео находите надпись – «Поделиться» —  нажимаете на нее. Откроются дополнительные вкладки. Там выбираете – «Сгенерировать html-код». Он вам генерируются и выдается в отдельном окошке, где вы его может скопировать. Там же в настройках можете дополнительно прописать – размеры видео (можете написать свои собственные); выбрать — показывать ли после его просмотра сходные записи, использовать ли HTTPS, включить ли режим повышенной конфиденциальности, использовать ли старый код встраивания.

2 способ копирования html - кода
2 способ копирования html — кода

Затем с этим html-кодом идете на свой сайт и вставляете его. В вордпрессе для этого нужно запись перевести на режим HTML и затем разместить данный код на странице.

Размещаем код html от ютуба на сайте
Размещаем код html от ютуба на сайте

Уже потом видео будет видно и в визуальном редакторе, а значит и на самой странице на сайте, когда мы ее опубликуем.

Вставляемое видео с ютуба будет иметь примерно такой вид (я взял первое попавшееся видео).

Вот так просто и легко можно вставить видео с youtube (ютуба) на свой сайт вордпресс! Практически аналогичные действия проделываются и с сайтами на других движках, либо же созданных на голом Html-коде.

Можно даже таким образом вести свой видео-блог, закачивая свои видео на ютуб, потом вставляя их на свой сайт! При этом желательно еще что-то написать на странице, ведь без текста продвигать сайт (даже видео-блог) в поисковиках очень сложно, практически невозможно!

Метки записи:

,


Посмотреть последние комментарии
  1. Действительно, все просто. А видео с Ютуба просто необходимо размещать на сайте, чтобы привлечь клиентов, и раскрутить свое видео.

  2. Если в разделе поделится дают html код, могу ли я разместить чужое видео на своём сайте, или надо спрашивать у владельца видеоролика разрешение, или где-нибудь есть ссылка что это видео разрешено для публикации через html код?

    • Если есть такая возможность и под видео не написано, что запрещено — то я беру видео без разрешения. Да и считаю, что это пойдет владельцу этого видео даже на пользу, так как ты бесплатно его видео раскручиваешь.
      Если же попросят удалить его потом с своего сайта — это можно потом будет сделать. По-моему здесь нет ничего такого.

  3. Спасибо за помощь, оказалось, нет в этом ничего военного!

  4. Спасибо Вам за статью! Прямо сейчас буду вставлять видео на сайт))

  5. Спасибо за статью, наконец-то добавил видео на свой сайт

  6. Спасибо за полезную информацию.

  7. Добрый день! Спасибо за подсказки и помощь! Удачи! Стас

Оставьте комментарий к этой записи

* Текст комментария
* Обязательные для заполнения поля