Встраиваемый плеер

M3U8 Встроить: добавьте HLS плеер на свой сайт

Встраивание потока M3U8 означает размещение небольшого проигрывателя HLS на вашей странице с помощью <iframe>. Вставьте поток URL ниже, выберите нужные параметры и скопируйте сгенерированный код на любой веб-сайт или блог. Плеер легкий, отзывчивый и загружается со специальной страницы встраивания, не требуется учетная запись или тег сценария.

Встроить код
<div style="position:relative;padding-top:56.25%;">
  <iframe src="https://www.m3u8player.tools/embed/?src=YOUR_M3U8_URL" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;" allow="autoplay; fullscreen; encrypted-media" allowfullscreen></iframe>
</div>

Как встроить поток M3U8

  1. 1

    Вставьте свой M3U8 URL

    Введите поток URL .m3u8, который вы хотите встроить, в поле выше.

  2. 2

    Выберите свои варианты

    Выберите автовоспроизведение (без звука), запуск без звука и адаптивный формат 16:9 или фиксированный размер.

  3. 3

    Скопируйте код для встраивания

    Скопируйте созданный фрагмент <iframe>.

  4. 4

    Вставьте его на свой сайт

    Перетащите фрагмент на любую HTML-страницу, сообщение в блоге или систему управления контентом, поддерживающую необработанный HTML.

Как работает встроенный плеер

Код внедрения указывает <iframe> на выделенную минимальную страницу проигрывателя, которая загружает hls.js и воспроизводит ваш поток. Он отделен от основного сайта, поэтому остается легким и не имеет навигации или дополнительного пользовательского интерфейса. Поскольку плеер запускается на устройстве зрителя, поток извлекается непосредственно его браузером, вы ничего не проксируете и не размещаете повторно.

Адаптивный по умолчанию

Опция «Адаптивный» помещает iframe в контейнер 16:9, который масштабируется до ширины родительского элемента, что вам нужно для большинства статей и страниц. Выбирайте фиксированный размер только в том случае, если вам нужны точные размеры, например, внутри боковой панели или макета с фиксированной шириной.

Когда поток не встраивается

Встраиваемый проигрыватель может отображать только те потоки, которые разрешено загружать браузеру зрителя. Если поток блокирует доступ к перекрестному источнику (CORS) или требует специального Referer, он может выйти из строя внутри iframe, даже если он работает в основном проигрывателе с включенным прокси. Для этих потоков сначала протестируйте полную версию проигрывателя.

Часто задаваемые вопросы

Является ли встраивание M3U8 бесплатным?

Да. Генерация и использование кода для встраивания совершенно бесплатны и не требуют регистрации, а плеер не показывает рекламы.

Нужно ли мне добавлять скрипт на свой сайт?

Нет. Вы просто вставляете <iframe>. Плеер и hls.js загружаются внутри iframe со страницы внедрения, поэтому вашему сайту больше ничего не нужно.

Могу ли я автоматически воспроизвести встроенный поток?

Да, но браузеры разрешают автозапуск только тогда, когда звук видео отключен, поэтому опция автозапуска запускает проигрыватель без звука.

Почему моя трансляция воспроизводится в основном плеере, а не во встроенном?

При внедрении поток воспроизводится непосредственно в браузере зрителя. Если потоку нужен прокси CORS или собственный Referer, он может выйти из строя в простом iframe. Сначала протестируйте его в полноценном плеере.