# Встраивание с помощью IFrame API
IFrame Player API нужен, когда мало вставить iframe: вы управляете воспроизведением из своего кода, слушаете события и меняете настройки на лету.
> **Информация:**
Если JavaScript не нужен — используйте [простое встраивание через iframe](https://docs.kinescope.ru/dokumentaciya-pleera/vstraivanie/prostoe-vstraivanie-iframe/).
## Как подключить
1. Объявите на странице функцию `onKinescopeIframeAPIReady(playerFactory)` **до** загрузки скрипта API.
2. Подключите скрипт `https://player.kinescope.io/latest/iframe.player.js`.
3. Когда API будет готово, Kinescope вызовет вашу функцию и передаст [фабрику для создания плеера](https://docs.kinescope.ru/dokumentaciya-pleera/vstraivanie/iframe-api-sozdanie-pleera/).
Вместо колбэка можно использовать пакет [@kinescope/player-iframe-api-loader](https://docs.kinescope.ru/dokumentaciya-pleera/biblioteki/player-iframe-api-loader/) — он возвращает фабрику через `async/await` и содержит TypeScript-типы.
## Пример
```html
```
## Разделы IFrame API
| Раздел | О чём |
| :--- | :--- |
| [Создание плеера](https://docs.kinescope.ru/dokumentaciya-pleera/vstraivanie/iframe-api-sozdanie-pleera/) | Фабрика, `create()`, параметры `CreateOptions` |
| [Управление плеером](https://docs.kinescope.ru/dokumentaciya-pleera/vstraivanie/iframe-api-upravlenie-pleerom/) | Методы и события экземпляра плеера |
| [Автоподключение](https://docs.kinescope.ru/dokumentaciya-pleera/vstraivanie/iframe-api-avtopodklyuchenie/) | Подключить API к уже вставленному iframe |
| [player-iframe-api-loader](https://docs.kinescope.ru/dokumentaciya-pleera/biblioteki/player-iframe-api-loader/) | npm-загрузчик API и TypeScript-типы |
| [Библиотеки](https://docs.kinescope.ru/dokumentaciya-pleera/biblioteki/) | React, Vue, Angular и другие обёртки |