Автоподключение встроенного видео к IFrame API
Позволяет подключить простое встраивание к IFrame Player API без вызова create. Для этого нужно:
- Добавить URL-параметр
?autoк скрипту IFrame Player API. - Добавить 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>