# Embedding with the IFrame API
Use the IFrame Player API when an iframe alone is not enough. You can control playback from your code, listen for events, and update settings at runtime.
> **Информация:**
If you do not need JavaScript, use a [simple iframe embed](https://docs.kinescope.com/player-docs/embedding/simple-iframe-embed/).
## Connect the API
1. Declare `onKinescopeIframeAPIReady(playerFactory)` on the page **before** loading the API script.
2. Load `https://player.kinescope.io/latest/iframe.player.js`.
3. When the API is ready, Kinescope calls your function and passes the [factory for creating a player](https://docs.kinescope.com/player-docs/embedding/iframe-api-create-player/).
Instead of a callback, you can use the [@kinescope/player-iframe-api-loader](https://docs.kinescope.com/player-docs/libraries/player-iframe-api-loader/) package. It returns the factory through `async/await` and includes TypeScript types.
## Example
```html
```
## IFrame API sections
| Section | Description |
| :--- | :--- |
| [Create a player](https://docs.kinescope.com/player-docs/embedding/iframe-api-create-player/) | Factory, `create()`, and `CreateOptions` parameters |
| [Control the player](https://docs.kinescope.com/player-docs/embedding/iframe-api-control-player/) | Methods and events of a player instance |
| [Automatic connection](https://docs.kinescope.com/player-docs/embedding/iframe-api-auto-connect/) | Connect the API to an existing iframe |
| [player-iframe-api-loader](https://docs.kinescope.com/player-docs/libraries/player-iframe-api-loader/) | npm API loader and TypeScript types |
| [Libraries](https://docs.kinescope.com/player-docs/libraries/) | React, Vue, Angular, and other wrappers |