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




Коммент.

BLOGGER: 1
Loading...
Имя

Бесплатные шаблоны WordPress Блог Все для blogger Все для WordPress Графический дизайн Заказ сайта Заработок в интернете Инструменты для сайта Контакты Купить шаблон blogger Наши услуги Новичкам Оптимизация сайта Партнерки для сайтов Перевод статьи Плагины для WordPress Полезные сайты Полезные сервисы Полезные статьи Разделы сайта Сайты - блоги Шаблоны для Blogger Шаблоны для Joomla Шаблоны для PrestaShop Шаблоны для Ucoz Шаблоны на русском Шаблоны blogger 2016 Шаблоны blogger бесплатно Шаблоны blogger магазин Шаблоны Bootstrap 3 Шаблоны Magento best blogger templates
false
ltr
item
Шаблоны для сайтов и блогов: Как добавить видео на сайт с Youtube — замена Iframe
Как добавить видео на сайт с Youtube — замена Iframe
Как легче всего добавить на свой сайт видео с youtube. Почему поисковики не любят тег iframe.
https://1.bp.blogspot.com/-yENJgs4Y8V0/VzCeoXWHOAI/AAAAAAAAjGU/pGkrLQgENWUnsU80gaBkr6EcO78qi0wkQCLcB/s640/%25D0%259A%25D0%25B0%25D0%25BA%2B%25D0%25B4%25D0%25BE%25D0%25B1%25D0%25B0%25D0%25B2%25D0%25B8%25D1%2582%25D1%258C%2B%25D0%25B2%25D0%25B8%25D0%25B4%25D0%25B5%25D0%25BE%2B%25D0%25BD%25D0%25B0%2B%25D1%2581%25D0%25B0%25D0%25B9%25D1%2582%2B%25D1%2581%2Byoutube.png
https://1.bp.blogspot.com/-yENJgs4Y8V0/VzCeoXWHOAI/AAAAAAAAjGU/pGkrLQgENWUnsU80gaBkr6EcO78qi0wkQCLcB/s72-c/%25D0%259A%25D0%25B0%25D0%25BA%2B%25D0%25B4%25D0%25BE%25D0%25B1%25D0%25B0%25D0%25B2%25D0%25B8%25D1%2582%25D1%258C%2B%25D0%25B2%25D0%25B8%25D0%25B4%25D0%25B5%25D0%25BE%2B%25D0%25BD%25D0%25B0%2B%25D1%2581%25D0%25B0%25D0%25B9%25D1%2582%2B%25D1%2581%2Byoutube.png
Шаблоны для сайтов и блогов
http://www.shablonu-dlya-blogger.ru/2016/05/Kak-dobavit-video-na-sajt-s-youtube.html
http://www.shablonu-dlya-blogger.ru/
http://www.shablonu-dlya-blogger.ru/
http://www.shablonu-dlya-blogger.ru/2016/05/Kak-dobavit-video-na-sajt-s-youtube.html
true
5286106991494805428
UTF-8
Похожих постов не найдено Отобразить все Читать дальше Ответить Отмена Удалить By Главная Страницы Пост. Отобразить все Рекомендуем Тег Архив Поиск Все посты По вашему запросу не найдено ни одного поста Вернуться на главную Воскресение Понедельник Вторник Среда Четверг Пятница Суббота Вс Пн Вт Ср Чт Пт Сб Января Февраль Март Аперль Май Июнь Июль Август Сентябрь Октябрь Ноябрь Декабрь Янв Фев Мар Апр Май Июнь Июль Авг Сен Окт Ноя Дек только что минуту назад $$1$$ мин. назад час назад $$1$$ час. назад Вчера $$1$$ дней тому назад $$1$$ недель тому назад более 5 недель Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy