Генератор кода для встраивания YouTube

Создайте чистый адаптивный код для встраивания любого видео YouTube — с временем начала, автозапуском, повтором и настройками конфиденциальности.

Код для встраивания
Вставьте ссылку, чтобы получить код.

Здесь появится предпросмотр.

Встроенное видео YouTube удерживает посетителей на вашей странице, а трансляцией занимается YouTube. Базовый код из окна «Поделиться» работает, но это жёсткий блок 560×315, который не подстраивается под телефон и скрывает полезные настройки вроде времени начала и окончания. Этот генератор создаёт чистый адаптивный код, где все параметры — простые флажки, и показывает живой предпросмотр перед копированием.

Как создать код встраивания

  1. Вставьте ссылку на видео — подходят watch, youtu.be, Shorts и трансляции.
  2. По желанию укажите «Начать с» и «Закончить на», чтобы показать только фрагмент.
  3. Отметьте нужное: Адаптивно, Режим повышенной конфиденциальности, Автовоспроизведение (без звука), Повтор, Показывать элементы управления и Включить субтитры.
  4. Проверьте предпросмотр, нажмите Копировать код и вставьте его на сайт.

Что делает каждый параметр

ПараметрВ кодеПолезно знать
Начать с / Закончить наstart=85&end=140Время в секундах; можно ввести 1:25 — инструмент пересчитает
Адаптивноwidth:100%; aspect-ratio:16/9Заполняет колонку на любом экране; отключите для фиксированного размера
Повышенная конфиденциальностьyoutube-nocookie.comНикаких cookie YouTube до нажатия на воспроизведение
Автовоспроизведениеautoplay=1&mute=1Браузеры разрешают автозапуск только без звука
Повторloop=1&playlist=IDЧтобы одно видео повторялось, YouTube нужен параметр playlist
Элементы управленияcontrols=0, если выключеноБез кнопок — для фоновых видео, не для уроков
Субтитрыcc_load_policy=1Показывает субтитры по умолчанию, если они есть

Кроме того, в коде есть loading="lazy" — плеер грузится, только когда посетитель докрутит до него, — и понятный title для программ экранного доступа.

Куда вставлять код

  • WordPress: добавьте блок «Произвольный HTML» и вставьте код. (Обычный блок YouTube не умеет начало/конец и режим конфиденциальности.)
  • Tilda: используйте блок T123 «HTML-код».
  • Blogger: откройте запись, переключитесь в режим HTML и вставьте в нужное место.
  • Wix: элемент «Встроить код» (Embed HTML).
  • Обычный HTML: вставьте внутрь <body>, где должно быть видео.

Встраивание Shorts и вертикальных видео

Shorts тоже можно встроить — генератор превратит ссылку /shorts/ в обычный embed. Поскольку они вертикальные, отключите «Адаптивно» и задайте размер вроде 315 × 560, чтобы не получилась широкая рамка с чёрными полосами.

Советы по скорости и SEO

  • Не больше одного-двух видео на странице. Каждый плеер грузит скрипты, и их избыток замедляет сайт.
  • Пишите о видео на странице. Поисковики не смотрят ролик, поэтому краткое содержание, тезисы или расшифровка помогают странице ранжироваться.
  • Если скорость критична, сначала покажите картинку и загружайте плеер по клику. Инструмент размеров превью показывает и скачивает все размеры картинки видео.
  • Берегите данные посетителей. Режим повышенной конфиденциальности — простое улучшение.

Если что-то не работает

  • «Видео недоступно» — встраивание запрещено, либо видео приватное, с возрастным ограничением или заблокировано в регионе.
  • Автовоспроизведение не стартует — нужен беззвучный режим, а некоторые телефоны блокируют его в режиме энергосбережения.
  • Повтор начинается с 0:00, а не с вашего времени — так устроен loop у YouTube; для зацикленного фрагмента обрежьте само видео.
  • Плеер вылезает за экран на телефоне — включите «Адаптивно» и проверьте, не задаёт ли тема фиксированную высоту для iframe.

Нужна ссылка вместо плеера? Генератор ссылок с таймкодом делает ссылки, которые начинаются с нужного момента. Пошаговые инструкции для разных конструкторов — в статье как встроить видео YouTube на сайт.

Частые вопросы

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

Вставьте ссылку в генератор, выберите параметры и нажмите «Копировать код». Затем вставьте iframe на страницу: в WordPress — через блок «Произвольный HTML», в Blogger — в режиме HTML, в Tilda — через блок HTML-кода, в Wix — через элемент «Встроить код».

Почему автовоспроизведение работает только без звука?

Chrome, Safari, Firefox и Edge блокируют видео, которые сами начинают играть со звуком. Беззвучное автовоспроизведение разрешено, поэтому генератор автоматически добавляет mute=1.

Что такое режим повышенной конфиденциальности?

Плеер загружается с youtube-nocookie.com и не сохраняет cookie YouTube у посетителя, пока тот не нажмёт «Воспроизвести». Выглядит и работает так же, а сайту проще соблюдать требования к персональным данным.

Как сделать встроенное видео адаптивным?

Включите «Адаптивно». Код использует width:100% и aspect-ratio:16/9, поэтому плеер заполняет блок на телефоне и компьютере без чёрных полос и дополнительного CSS.

Почему вместо видео надпись «Видео недоступно»?

Возможно, автор запретил встраивание, видео приватное, с возрастным ограничением или заблокировано в стране посетителя, либо ссылка неверная. Сначала проверьте код в предпросмотре — если не работает там, не заработает и на сайте.

Можно встроить только часть видео?

Да. Заполните поля «Начать с» и «Закончить на». Плеер начнёт с первого времени и остановится на втором — удобно, чтобы показать фрагмент длинного урока или стрима.

Читайте также

Разработчикам

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

Вставьте видео YouTube, которое подстраивается под любой экран: меню «Поделиться», адаптивный код, время начала, режим конфиденциальности, WordPress и скорость.