У вас есть M3U8 (HLS)-адрес, и вы хотите показать его на сайте, в блоге или документации — без бэкенда и без написания плеера с нуля. Так бывает часто.
Всё просто: откройте в браузере генератор кода встраивания M3U8, вставьте URL потока, выберите, пробовать ли автозапуск, и вы получите ссылку на страницу встраивания и готовый HTML iframe.
Статья идёт по порядку: если M3U8-ссылки ещё нет, во втором разделе рассказано, откуда её обычно берут, со ссылкой на отдельную инструкцию; с третьего раздела — «вставить в генератор и скопировать»; в конце — video_url, autoplay и другие параметры.
Мало знакомы с .m3u8? Начните здесь: Что такое файл M3U8.
1. Кому это полезно
Маркетингу нужен эфир на лендинге; разработчику — корректный iframe для тестов — по сути одно: встроить HLS-поток в веб-страницу. Генератор пока принимает только M3U8 (HLS); URL страницы встраивания и iframe ведут на один и тот же плеер — выберите удобный вариант.
2. Нет адреса M3U8? Сначала найдите URL
Многие спотыкаются здесь: видео на странице играет, но непонятно, что вписывать в .m3u8. Инструменту нужен прямо доступный URL M3U8-плейлиста, его нужно извлечь со страницы или из сетевого трафика.
Удобный вариант — бесплатное расширение Chrome The Stream Detector: на странице, где видео реально воспроизводится, откройте расширение, увидите HLS-адреса — скопируйте нужный. Примерно: установка из Chrome Web Store → закрепить → вернуться на страницу с видео (иногда обновить) → следовать подсказкам или списку → копировать URL.
Ссылка на установку, скриншоты и двойной щелчок для копирования — в отдельной статье:
👉 Лучший способ найти адрес M3U8
Через инструменты разработчика: вкладка Сеть, фильтр m3u8 или manifest, найдите master-плейлист и скопируйте URL — чуть сложнее, цель та же: финальный https-URL плейлиста.
После получения адреса проверьте его в нашем онлайн-плеере M3U8 перед генерацией встраивания.
3. Что нужно заранее
- Рабочий URL M3U8 (желательно
https://и с правом на встраивание). Если не знаете, как искать, см. предыдущий раздел и Лучший способ найти адрес M3U8. - Нужно ли пытаться автозапуску при открытии страницы встраивания — при включённом переключателе в ссылке будет параметр; браузер всё равно может заблокировать.
Нет своего потока? Для проверки интерфейса используйте публичный тестовый поток:
https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8
4. Три шага
Шаг 1: Открыть страницу и вставить URL
- Откройте генератор кода встраивания M3U8
- Вставьте плейлист в поле URL M3U8 (HLS)
- Формат встраивания сейчас только M3U8 (HLS); другие форматы появятся здесь позже
Шаг 2: Автозапуск или нет
Включите Пробовать автозапуск на странице встраивания — сгенерированная ссылка будет содержать autoplay=true. Автовоспроизведение со звуком часто блокируется; без звука или клик пользователя обычно надёжнее.
Шаг 3: Скопировать нужное
Два блока:
- URL страницы встраивания: чат, почта, документы, вставка ссылки в CMS
- HTML iframe: когда контролируете шаблон и хотите плеер в разметке
Сомнения? Сначала Открыть предпросмотр в новой вкладке, затем продакшен.
5. Параметры URL (кратко)
Генератор записывает выбор в строку запроса. Основные для воспроизведения:
| Параметр | Значение | Примечания |
|---|---|---|
video_url | Ваш URL потока | URL-кодирование, чтобы & и ? не ломали ссылку. |
autoplay | Пробовать автозапуск | true означает «попробовать»; решает браузер. |
Примерный вид (ориентируйтесь на то, что выводит страница):
https://m3u8player.app/ru/embed/m3u8/?video_url=…&autoplay=true
Без автозапуска autoplay=true обычно нет.
6. Частые ошибки
- Права: возможность смотреть не всегда означает право публично встраивать.
- Доступность: CORS, внутренняя сеть — у посетителей тоже не заработает; страница HTTPS → лучше HTTPS-поток.
- Автозапуск: параметр не гарантирует успех — проверьте предпросмотр и реальные устройства.
- Формат: только M3U8 (HLS); прямые ссылки на MP4 здесь не поддерживаются.
7. Как это связано с другими страницами
Просто воспроизвести и переключить качество: онлайн-плеер M3U8.
Скачать сегменты: онлайн-загрузчик M3U8 — соблюдайте закон.
Генератор встраивания — чтобы собрать ссылку и iframe.
Всё ещё нет URL M3U8? Сначала Лучший способ найти адрес M3U8, затем вернитесь сюда.
Итог
В одном предложении: не знаете, как найти адрес → прочитайте Лучший способ найти адрес M3U8, используйте The Stream Detector или вкладку «Сеть»; затем откройте генератор встраивания → вставьте M3U8 → выберите автозапуск → скопируйте URL или iframe. video_url и опциональный autoplay=true собирает инструмент. Сначала тестовый поток, затем свой.
