Встраивание вебинара через iFrame: возможности и ограничения

Какие страницы МТС Линк Вебинары можно встроить на сторонний сайт через iFrame, какие инструменты работают, а какие — нет

Вы можете встроить плеер вебинара МТС Линк на свой сайт с помощью iFrame. Участники подключаются к мероприятию прямо с вашей страницы, не переходя на отдельный URL.

Какие страницы можно встраивать

Все основные страницы мероприятия поддерживают встраивание через iFrame:

лендинг мероприятия (страница регистрации и входа участника)
вебинарная комната (основной экран мероприятия)
зал ожидания
страница завершённого мероприятия.

Поддерживаемые инструменты

Функция	Работает в iFrame	Примечание
Просмотр трансляции	Да	—
Выход в эфир (камера/микрофон)	Да	Требует атрибут allow в теге iframe
Чат	Да	—
Опросы и голосования	Да	—
Тесты	Частично	При малом размере iFrame контент обрезается; обходное решение — Zoom out в браузере
Файлы	Да	—
Группы	Да	—
Скриншаринг (показ экрана)	Не поддерживается	Техническое ограничение браузера — показ экрана из iFrame невозможен

Совместимость с браузерами и устройствами

Платформа	Браузер	Статус
Desktop (Windows/Mac)	Chrome	Работает
Desktop (Windows/Mac)	Firefox	Работает
Desktop (Windows/Mac)	Safari	Проблемы с подключением из-за политики cookies
Android	Любой	Работает
iOS	Любой	Проблемы с cookies — возможны сбои авторизации

Разницы между Windows и Mac нет.

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

Минимально необходимые атрибуты для корректной работы вебинара в iFrame:

<iframe
src="ССЫЛКА_НА_МЕРОПРИЯТИЕ"   
width="100%"   
height="700"   
frameborder="0"   
allow="camera; microphone; fullscreen"   
sandbox="allow-same-origin allow-downloads allow-scripts allow-popups allow-forms"> </iframe>

Назначение атрибутов:

allow="camera; microphone; fullscreen" — разрешает участнику использовать камеру, микрофон и открывать полноэкранный режим
sandbox="allow-same-origin allow-downloads allow-scripts allow-popups allow-forms" — разрешает скрипты, всплывающие окна, формы и скачивание файлов внутри iFrame

Без этих атрибутов камера, микрофон и часть интерактива работать не будут.

Известные ограничения

Адаптивный дизайн

Если iFrame встроен с небольшой высотой, часть контента может не помещаться в видимую область — особенно у тестов с несколькими вопросами. Прокрутка внутри iFrame браузером не предоставляется автоматически.

Рекомендуемая высота iFrame — не менее 700 px.

Обходное решение для участника: уменьшить масштаб страницы в браузере (Zoom out, Ctrl − / Cmd −).

Safari и iOS

В Safari на десктопе и на всех браузерах iOS действует строгая политика блокировки сторонних cookies (ITP). Это может приводить к проблемам с авторизацией: сессия не сохраняется, участник не может войти в мероприятие.

Обходное решение: рекомендуйте участникам на Safari/iOS открывать мероприятие по прямой ссылке.

Скриншаринг

Показ экрана (getDisplayMedia) в iFrame браузерами не разрешён независимо от атрибутов. Эта функция недоступна для всех ролей: администраторов, ведущих и гостей.

Материалы по теме

Контроль присутствия

Чат и вопросы

Новая комната Вебинаров: как пользоваться обновлённым интерфейсом

👆 На этом пока всё