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

Бесплатный инструмент для добавления адаптивного iframe с видео Twitch на ваш сайт.

Параметры настройки

  • URL-адрес Twitch

  • Работает с видео, каналами, чатом, клипами и коллекциями

  • URL вашего сайта

  • Сайт, на котором вы разместите этот код встраивания — также называется «родительский» сайт

  • Настройки размера
  • Адаптивный
  • Соотношение сторон
  • Ширина (в px)
  • Высота (в px)
  • Настройки Видео
  • Автовоспроизведение видео
  • Отключить звук
  • Время начала

Код встраивания Twitch

Как встроить видео Twitch с помощью этого инструмента?

Скриншот поля ввода URL

Вставьте ссылку на видео Twitch

Вставьте ссылку на видео Twitch в поле URL в верхней части левой колонки.

Скриншот настроек

Настройте параметры плеера Twitch

Плеер Twitch поддерживает множество параметров настройки, таких как стримы, клипы, прямой эфир канала, чат, видео, коллекции и многое другое!

Скриншот кнопки копирования

Скопируйте сгенерированный HTML-код

Скопируйте сгенерированный HTML-код встраивания с видео Twitch! Используйте его на сайте WordPress, в презентации PowerPoint или в электронном письме.

Поддерживаемые опции генератора встраивания Twitch

Описание всех поддерживаемых опций встраивания Twitch. Используйте приведённые ниже опции для улучшения HTML iframe кода Twitch, встроенного на вашем сайте.

адаптивный

Опция «адаптивный» растягивает встроенное видео Twitch на всю ширину сайта или HTML-контейнера.

соотношение сторон

Опция «соотношение сторон» сохраняет пропорции встроенного плеера Twitch.

ширина и высота

Отображается только при отключённой опции «адаптивный». Ручная настройка ширины и высоты встроенного плеера Twitch. При установленном соотношении сторон высота автоматически пересчитывается на основе ширины.

URL вашего сайта (родительский сайт)

Для каждого встроенного стрима или видео Twitch необходимо указать опцию «родительский» сайт. Например, если вы хотите вставить код встраивания Twitch на сайт «example.com», установите опцию «parent» на «https://example.com».

автовоспроизведение видео

Опция «автовоспроизведение видео» определяет, будет ли встроенное видео Twitch автоматически воспроизводиться при загрузке плеера Twitch.

отключить звук

Отключить звук во встроенном стриме или видео Twitch.

время начала

Опция «время начала» запускает встроенное видео Twitch с определённого момента

показать чат

Показывает встроенный чат Twitch для прямого эфира текущего пользователя Twitch. Эта опция появляется только при вставке аккаунта Twitch в поле «URL Twitch».

Опции встраивания iframe Twitch основаны на https://dev.twitch.tv/docs/embed

Поддерживаемые URL-адреса Twitch

URL-адреса видео

  • https://twitch.tv/videos/<video-id>

  • https://twitch.tv/<channel-name>/video/<video-id>

  • https://www.twitch.tv/videos/<video-id>

  • https://www.twitch.tv/<channel-name>/video/<video-id>

URL-адреса коллекций

  • https://twitch.tv/collections/<collection-id>

  • https://twitch.tv/<channel-name>/collection/<collection-id>

  • https://www.twitch.tv/collections/<collection-id>

  • https://www.twitch.tv/<channel-name>/collection/<collection-id>

URL-адреса клипов

  • https://twitch.tv/<channel-name>/clip/<clip-id>

  • https://www.twitch.tv/<channel-name>/clip/<clip-id>

URL-адреса каналов

  • https://twitch.tv/<channel-name>

  • https://www.twitch.tv/<channel-name>