Создайте настраиваемый адаптивный код вставки YouTube за секунды
Генератор кода вставки YouTube — бесплатный онлайн-инструмент, который собирает iframe-код для показа видео, плейлиста или списка видео YouTube на вашем сайте. Выберите одно видео, целый плейлист или несколько видео подряд, задайте фиксированный размер или адаптивные пропорции и включайте или выключайте опции: автовоспроизведение, повтор, без звука, время старта, субтитры и уменьшенный логотип. Генератор пишет код за вас и обновляет живой предпросмотр — вы копируете чистый, удобный для мобильных код вставки, не меняя настроек YouTube и не набирая HTML вручную.
Как вставить видео YouTube на сайт
- Выберите, что вставлять: одно видео, список видео или целый плейлист.
- Вставьте ссылку YouTube или ID видео. Можно вставить полный URL — инструмент сам извлечёт ID.
- Задайте размер или включите адаптивный дизайн и выберите пропорции, чтобы видео масштабировалось на мобильных.
- Выберите опции воспроизведения и внешнего вида: автовоспроизведение, повтор, время старта, субтитры или уменьшенный логотип.
- Нажмите «Сгенерировать код», затем «Копировать» и вставьте код на страницу там, где должно появиться видео.
Опции вставки и параметры YouTube
Каждая опция ниже соответствует стандартному параметру iframe YouTube, поэтому код остаётся чистым и работает где угодно.
| Опция | Что делает | Параметр |
|---|---|---|
| Автовоспроизведение | Видео запускается само. Браузеры разрешают это только без звука. | autoplay=1 |
| Повтор | Проигрывает видео по кругу. | loop=1 |
| Без звука | Запускает видео без звука. | mute=1 |
| Начать с | Начинает воспроизведение с выбранной секунды. | start=SECONDS |
| Закончить на | Останавливает воспроизведение на выбранной секунде. | end=SECONDS |
| Скрыть элементы управления | Убирает панель управления плеера. | controls=0 |
| Меньше похожих видео | Ограничивает рекомендации в конце ролика. | rel=0 |
| Уменьшенный логотип | Уменьшает логотип YouTube на панели управления. | modestbranding=1 |
| Включить субтитры | Показывает субтитры по умолчанию. | cc_load_policy=1 |
| Скрыть аннотации | Отключает аннотации поверх видео. | iv_load_policy=3 |
| Без полного экрана | Скрывает кнопку полноэкранного режима. | fs=0 |
| Белая полоса прогресса | Использует белую полосу прогресса вместо красной. | color=white |
Частые сценарии
- Добавить видео о продукте или объясняющий ролик на лендинг в адаптивной рамке.
- Вставить фоновый ролик, который запускается сам, без звука и по кругу.
- Запустить обучающее видео с нужного момента с помощью времени старта.
- Показать целый плейлист или короткую серию видео в одном плеере.
- Удержать посетителей на сайте, а не отправлять их на YouTube.