Готовый код плеера HLS

Бесплатный генератор встраивания M3U8 для адаптивного iframe-кода HLS

Создайте прямую ссылку на плеер HLS и основанный на стандартах iframe с разрешениями автовоспроизведения, беззвучного режима, полноэкранного режима и «картинки в картинке».

Без загрузки на сервер Без регистрации Без водяного знака

Открыть инструмент

Публичная ссылка на поток M3U8

АвтовоспроизведениеБраузеры обычно требуют выключенный звук.Беззвучный стартПовышает совместимость автовоспроизведения.

Прямая ссылка на плеер

https://m3u8tomp4.org/ru/hls-player/?muted=1&embed=1

Адаптивный iframe-код

<iframe src="https://m3u8tomp4.org/ru/hls-player/?muted=1&embed=1" title="Видеоплеер HLS" width="100%" loading="lazy" style="aspect-ratio: 16 / 9; border: 0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>

Живой предпросмотр iframe-встраивания M3U8

Предпросмотр встраивания

Создание прямой ссылки на плеер M3U8 HLS

Параметры URL передают публичный адрес потока и выбранное поведение старта в отдельный маршрут плеера.

Копирование адаптивного iframe-кода HLS

Сгенерированный iframe включает заголовок, ленивую загрузку и разрешения полноэкранного режима, автовоспроизведения и «картинки в картинке».

Предпросмотр и проверка встраивания M3U8 перед публикацией

Загрузите созданный плеер в живом предпросмотре или откройте его прямую ссылку в отдельной вкладке.

Как сгенерировать iframe-код M3U8 для потока HLS

Вставьте публичный плейлист, решите, должен ли плеер запрашивать автовоспроизведение и беззвучный старт, затем скопируйте iframe-код. Проверьте его, прежде чем добавлять разметку на сайт.

Сохраняйте адаптивные пропорции iframe в собственной вёрстке с помощью CSS вроде aspect-ratio: 16 / 9 и width: 100%.

CORS, автовоспроизведение и требования к браузеру для встроенного плеера HLS

iframe не меняет правила доступа к источнику. Источник HLS должен разрешать межсайтовые запросы плейлистов и сегментов со стороны встроенного плеера.

Автовоспроизведение — это запрос, а не гарантия. Браузеры могут блокировать его с учётом состояния звука, настроек устройства, истории взаимодействий пользователя и политики энергосбережения.

Часто задаваемые вопросы о Генератор встраивания M3U8

Ясные ответы о поддержке браузеров, приватности, доступе к источнику и особенностях готового файла.

Как встроить поток M3U8 HLS на сайт?

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

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

Современные браузеры обычно блокируют автовоспроизведение со звуком. Беззвучный старт повышает совместимость, но остаётся во власти политики каждого браузера.

Проксирует ли iframe HLS-видео или размещает его у себя?

Нет. Встроенный плеер запрашивает плейлист и сегменты напрямую, поэтому медиасервер должен разрешать CORS-доступ и оставаться доступным.