5/09/2016

Как добавить видео на сайт с 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

Рекомендуем

Как добавить видео на сайт с Youtube — замена Iframe
4/ 5
Oleh

1 Коммент.:

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