Как вставить видео на сайт с Youtube — замена Iframe

Как добавить видео на сайт с youtube

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

Данную статью я разобью на два раздела:
  1. Как добавить видео на сайт с Youtube
  2. Почему поисковики не любят тег Iframe (содержится в коде видео плеера)

Как добавить видео на сайт с youtube

Сложного здесь ничего нет. К примеру вы приметили видеоролик с Youtube который хотите добавить на свой сайт. Вначале нам нужно скопировать код этого ролика. Сделать это можно двумя способами:
  • Кликнуть правой кнопкой мыши по видео и выбрать пункт: Копировать HTML-код
  • Или  под видео кликнуть по ссылке поделиться, затем перейти на вкладку HTML-код
 Пример обеих способов можете увидеть на картинках ниже:
youtube как копировать html-код - 1

youtube как копировать html-код - 2

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

Так же при этом следует учитывать ширину полотна вашего поста, у всех они разные. К примеру, когда вы копируете код первым способом, тогда при его вставке вы можете увидеть что ширина (width) плеера 854 пикселя. Пример:

<iframe width="854" height="480" src="https://www.youtube.com/embed/Xho2ZZCJvXo" frameborder="0" allowfullscreen></iframe>

Если добываете код вторым способом параметр ширины будет не 854 пикселя, а 540 пикселей. Соответственно и высота (height) плеера будет разной. Эти параметры вы можете задавать сами, корректируйте их в соответствии с параметрами своего полотна.  

Как видите в добавлении видео с youtube на сайт, нет ничего сложного.

Почему поисковики не любят тег Iframe?

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

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

По-этому, когда вы вставляете код видео плеера на своем сайте, не важно брали вы его с Youtube, с Вконтакте, Vimeo или других медиа сайтов всегда вместо тега Iframe пишите тег embed.




Поделиться в социальных сетях:
Facebook TwitterGoogle+ Vkontakte

Рекомендуем

4 Коммент.

Оставить комментарий
avatar
YAn Kalnin
июня 15, 2016 Этот комментарий был удален администратором блога.
avatar
JOY KIDS
июля 27, 2017

про тег Iframe будем иметь ввиду)))

Ответить
avatar
Саша Кольцов
марта 24, 2018

Как вставить видео с ютуба сюда http://feoparagliding.com (на страницу html) минуя iframe?

Ответить
avatar
Марк Корвин
марта 24, 2018

Вставить видео в HTML можно только с тегами Iframe, Embed и Object.

Ответить