Skip to Content

Автоподключение встроенного видео к IFrame API

Позволяет подключить простое встраивание к IFrame Player API без вызова create. Для этого нужно:

  1. Добавить URL-параметр ?auto к скрипту IFrame Player API.
  2. Добавить URL-параметр ?enableIframeApi к src каждого <iframe> с видео.

Пример

<!doctype html> <html> <head> <!-- Скрипт IFrame Player API с параметром ?auto: --> <!-- все <iframe> на странице будут автоматически подключены к API. --> <!-- Атрибут defer гарантирует, что скрипт выполнится после парсинга HTML. --> <script defer src="https://player.kinescope.io/latest/iframe.player.js?auto"></script> <script> function onKinescopeIframeAPIReady(playerFactory) { // Обработчик вызывается каждый раз при создании плеера. // Если на странице несколько видео — будет вызван для каждого. playerFactory.on(playerFactory.Events.Created, ({ data: player }) => { player.setVolume(0.5); }); } </script> </head> <body> <!-- Параметр enableIframeApi разрешает подключение к IFrame API. --> <iframe src="https://kinescope.io/embed/VIDEO_ID?enableIframeApi" allow="autoplay; fullscreen; picture-in-picture; encrypted-media; gyroscope; accelerometer; clipboard-write; screen-wake-lock;" style="border: none;" ></iframe> </body> </html>