Как встроить видео YouTube на сайт
- Вставьте ссылку на ролик или плейлист.
- Настройте размер и поведение плеера — превью обновляется сразу.
- Скопируйте код и вставьте его в HTML страницы или блок «HTML-код» вашего конструктора.
Что означают настройки
Адаптивная ширина
Плеер растягивается на всю ширину блока и сохраняет пропорции 16:9 — на телефоне и компьютере. Для этого используется CSS-свойство aspect-ratio, которое понимают все современные браузеры.
Режим без cookies
Плеер грузится с youtube-nocookie.com и не ставит cookies, пока посетитель не запустит видео. Это полезно для сайтов, которые учитывают требования GDPR.
Ленивая загрузка
Атрибут loading="lazy" откладывает загрузку плеера, пока посетитель не прокрутит до него. Страница открывается быстрее — особенно если на ней несколько видео.
Частые проблемы
Если вместо видео плеер пишет «Видео недоступно», автор запретил встраивание. Автозапуск со звуком браузеры блокируют — поэтому он всегда включается вместе с mute=1.
Частые вопросы
Почему автозапуск работает только без звука?
Браузеры запрещают сайтам запускать видео со звуком без действия пользователя. Поэтому при автозапуске Комбайн добавляет mute=1.
Что даёт режим «без cookies»?
Плеер загружается с домена youtube-nocookie.com и не сохраняет cookies, пока зритель не запустит видео. Это помогает с требованиями о приватности.
Как работает повтор?
YouTube повторяет только плейлисты, поэтому для одного ролика Комбайн добавляет параметр playlist с ID этого же видео.
Можно ли убрать рекомендации в конце?
Полностью — нет. Параметр rel=0 оставляет рекомендации только с того же канала.
Почему в превью ошибка «Видео недоступно»?
Автор запретил встраивание ролика на другие сайты. В этом случае его можно только открыть на YouTube.