Встраивание плеера
Чтобы добавить плеер на сайт, выберите один из способов ниже. Для большинства сайтов хватает простого iframe. Если нужно управлять воспроизведением из своего кода — берите IFrame API или готовую библиотеку под ваш фреймворк.
Какой способ выбрать
| Способ | Когда подходит |
|---|---|
| Простое встраивание | Нужно быстро вставить видео, без JavaScript |
| IFrame API | Нужны play/pause, события, плейлисты, CTA, аналитика |
| Веб-компоненты | Удобнее декларативный HTML-элемент (@experimental) |
Простое встраивание — копируете код из панели управления и вставляете на страницу. Поведение плеера настраивается параметрами в URL .
IFrame API — создаёте плеер из JavaScript и управляете им: воспроизведение, события, качество, субтитры, DRM. Есть загрузчик с TypeScript-типами и автоподключение уже вставленного iframe.
Веб-компоненты — элемент <kinescope-iframe-player>. Экспериментальная версия: API может измениться.
Если у вас React, Vue, Angular или React Native — смотрите готовые обёртки в разделе Библиотеки .
Ещё в разделе
- Создание плеера
Фабрика IFrame API: метод create(), параметры CreateOptions, события фабрики.
- Управление плеером
Методы и события IFrame Player API: воспроизведение, плейлист, CTA, реклама, DRM и события жизненного цикла.