Особенности использования HTML-кода для добавления видео с YouTube

Как вставить видео в html с ютуба Интересное в youtube

Если вы узнаете, как вставить видео в HTML с «Ютуба», то сможете донести до посетителей сайта больше полезной информации. Внедренные ролики будут воспроизводиться как на компьютерах, так и на мобильных устройствах.

Как узнать HTML-код видео на YouTube

Чтобы получить HTML-код для вставки плеера с «Ютуба» на своем сайте, потребуется:

  1. Найти видеоролик, который нужно внедрить.
  2. Перейти на страницу просмотра.
  3. Нажать кнопку «Поделиться».
  4. Выбрать режим встраивания.

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

Поделиться
Копируем указанный код и вставляем видео.

Нюансы использования кода

Перед тем как вставить видео в HTML с «Ютуба», можно внести изменения в код, чтобы подстроить параметры плеера под сайт и потребности посетителей ресурса.

Для корректировки доступны следующие показатели:

  • ширина и высота;
  • включение и выключение автовоспроизведения;
  • выбор точки, с которой будет проигрываться видеофайл.

С помощью HTML можно вставлять в сайты не только видеоролики, но и плейлисты. Процедура получения кода в обоих случаях будет одинаковой.

Ссылка «Поделиться»

Иногда видео с «Ютуба» не удается встроить в сайт по нескольким причинам:

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

В таком случае владелец обязан поместить на веб-страницу прямую ссылку на фильм. Текст должен содержать призыв перейти по ней для просмотра ролика прямо на YouTube.

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

Копирование и вставка HTML

Для копирования кода, содержащего встраиваемый плеер YouTube, следует нажать соответствующую кнопку. После этого переключиться на систему администрирования веб-ресурса, активировать режим отображения HTML и вставить требуемый фрагмент.

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

Также читайте:  Оформление Ютуб-канала - где заказывать шапку и другие элементы за деньги или бесплатно
Вставляем видео
Вставляем код видео в теги iframe.

Другие способы

Иногда могут требоваться особые условия вставки видео с «Ютуба» на сайт (например, на ресурс, предназначенный для устаревших браузеров и операционных систем).

В таком случае файл потребуется скачать с хостинга и поместить у себя на сервере. Еще одно преимущество автономной вставки заключается в том, что копия ролика останется у владельца сайта, если автор удалит контент с «Ютуба».

Выбор кода для вставки зависит от целевой аудитории и хостинга. Если большинство пользователей заходит на сайт с современных устройств, следует применять тег Video.

Атрибуты, которые нужно прописать, перечислены ниже:

  • source src – означает полный URL-адрес видео, хранящегося на сервере, выделенном под сайт;
  • width и height – обозначают ширину и высоту плеера;
  • autoplay – указывает, что видео должно включаться автоматически;
  • poster – прописывает адрес значка, который будет показываться перед просмотром;
  • allowfullscreen – разрешает переход в полноэкранный режим.

Если сайт ориентирован на компьютеры с системой Windows XP и более старой, в странице можно прописать ссылку на видео, которое перед размещением на сервере следует преобразовать в формат Windows Media. Это нужно для того, чтобы файл корректно открылся в одноименном проигрывателе.

Видео можно разместить прямо на странице, добавив туда объект с тегом embed. В качестве атрибута filename нужно прописать имя ролика. Его также потребуется преобразовать в WMV после скачивания с «Ютуба».

Обзор

instaguru