Как пользоваться: Генератор кода для встраивания видео
- Вставьте ссылку на видео — YouTube (обычная, youtu.be, Shorts), Vimeo, Loom, Wistia, Dailymotion, Twitch, Streamable, Google Drive, Facebook или прямой файл .mp4. Платформа, ID и время старта определяются автоматически.
- Выберите адаптивный iframe или облегчённый вариант, который загружает плеер только по клику (страницы работают заметно быстрее).
- Задайте время начала и окончания, автовоспроизведение (всегда без звука — браузеры блокируют автовоспроизведение со звуком), повтор, элементы управления и субтитры.
- Скопируйте код в элемент Embed (Webflow), блок Custom HTML (WordPress) или на свою страницу. Опции, которые не поддерживает плеер платформы, скрываются.
Поддерживаемые платформы
YouTube (режим повышенной конфиденциальности, начало/окончание, субтитры, облегчённый режим), Vimeo (включая нелистируемые ссылки с хешем, do-not-track), Loom, Wistia, Dailymotion, Twitch (видео, клипы и прямые эфиры каналов; Twitch требует указать домены, на которых вы встраиваете видео), Streamable, Google Drive (файлы с доступом «Все, у кого есть ссылка»), видео Facebook и собственные файлы MP4/WebM с элементом HTML5 <video>.
Адаптивность без хаков с обёрткой
Код использует свойство CSS aspect-ratio, поэтому видео занимает всю ширину контейнера и сохраняет пропорции — без трюка с padding-bottom. Вертикальные Shorts используют 9:16 и ограничены по ширине, чтобы не растягиваться на десктопе.
Почему облегчённая версия быстрее
Обычное встраивание YouTube загружает около 1 МБ скриптов ещё до того, как пользователь нажмёт «Play». Это ухудшает Largest Contentful Paint и Total Blocking Time. Облегчённая версия показывает только миниатюру видео и кнопку воспроизведения, а полноценный плеер загружается по клику и сразу начинает играть. Используйте её, если на странице несколько видео или видео не первое, что видит посетитель.
| Опция | Параметр |
|---|---|
| Режим повышенной конфиденциальности | домен youtube-nocookie.com |
| Начало / окончание | start, end (в секундах) |
| Автовоспроизведение | autoplay=1&mute=1 |
| Повтор | loop=1&playlist=ID |
| Субтитры | cc_load_policy=1 |
| Похожие видео | rel=0 (только с того же канала) |
Также ищут как: код встраивания youtube, embed code youtube, адаптивное видео html, встроить видео vimeo, код встраивания loom, lite youtube embed, html5 video embed, код iframe youtube.
Инструменты, которые хорошо сочетаются с Генератор кода для встраивания видео
- Генератор карт Google Maps — Покажите офис, магазин или мероприятие на карте Google Maps без регистрации и API-ключа.
- Генератор баннера cookie — Добавьте баннер согласия на cookie на любой сайт — Webflow, WordPress, Shopify или обычный HTML — без платного плагина.
- Тест скорости страницы — Запустите Google Lighthouse для любого URL в мобильном или десктопном режиме.
- Генератор OG-картинок — За несколько секунд создайте красивое превью ссылки для Facebook, LinkedIn, X, Slack и WhatsApp: выберите шаблон, введите заголовок, добавьте логотип, затем скачайте PNG и готовые мета-теги.