Как получить HTML-код для вставки на сайт видео с YouTube

Как они работают:

  1. Размер видео” — тут понятно. Насколько большое окно с видео будет у вас на сайте (можно выбрать или произвольного размера).
  2. Показывать похожие видео …” — если вы не пиарите свой YouTube канал, рекомендую убирать эту галку, чтобы по окончанию видео заботливый YouTube не предлагал посетителю вашего лендинга посмотреть похожие видосы на тему.
  3. Показать панель управления” — отображает нижнюю панель управления видео. Не стоит ее отключать. Не знаю, как вас, а лично меня бесит, когда я не могу убавить звук видео или перемотать его:) оставьте людям возможность рулить процессом.
  4. Показать название видео и…” — убирайте галку, если не хотите, чтобы посетитель лендинга видел сверху видео панельку с названием видео и кнопками лайков. Лично я бы убрал как лишнюю отвлекашку: клик на название открывает новое окно с YouTube (и человек уходит с лендинга), а лайки… да кому они нужны?)))
  5. С режимом повышенной конфиденциальности я лично не разбирался. Справка YouTube говорит, что Если включить этот режим, YouTube будет сохранять информацию о посетителях вашей веб-страницы, только если они посмотрят ролик.

Если тыкать эти галки, вы увидите изменения в коде

Если тыкать эти галки, вы увидите изменения в коде для вставки. Пример:

<iframe width=»560″ height=»315″ src=»https://www.youtube.com/embed/ET1ECoJqdGg» frameborder=»0″ allowfullscreen></iframe> — оригинальный код без доп.настроек.

<iframe width=»560″ height=»315″ src=»https://www.youtube.com/embed/ET1ECoJqdGg?rel=0» frameborder=»0″ allowfullscreen></iframe> — убрал галку “Показывать похожие видео…” (что добавилось в коде выделил красным).

Хозяйке на заметку: синим выделен идентификатор видео, указывающее YouTube какое именно видео воспроизводить в фрейме. Хотите поменять видео без изменения настроек отображения на сайте — просто поменяйте эту часть кода.

Видео

Какой код нужно добавить, чтобы сработал автоматический запуск видео в youtube на сайте

После адреса в атрибуте src вставляем, где «ID_VIDEO» идентификатор видео — он стоит последним в адресной строке, в пример выделено красным :

?autoplay=1&loop=1&&playlist=ID_VIDEO

В allow должно присутствовать «autoplay»

Вставляем видео на сайт с youtube

После того, как вы скопировали код видео youtube для вставки на сайт.

Если у вас есть какая-то возможность перехода в html-редактор, то вам нужно туда перейти… чтобы вставить код.

Поскольку — у нас все просто, я просто открываю код страницы и вставляю туда код видео:

Вставляем видео на сайт с youtube
Вставляем видео на сайт с youtube
Получаем результат:сказать спасибо!Скопировать ссылку

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

Для того, чтобы добавить видео с YouTube на сайт, откройте страницу и найдите кнопку под видеоплеером:

    Когда вы нажмете на нее, вы увидите несколько

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

      YouTube сгенерирует код для вставки автомати

YouTube сгенерирует код для вставки автоматически. Тег iframe будет иметь URL исходного видео, высоту и ширину плеера и еще несколько атрибутов:

Теги