Как поставить на паузу Вконтакте видео при листании слайдера?

Question

[Полина Емельянова]

Коллеги, прошу помогите решить вопрос с постановкой видео на паузу при листании слайдера.

САБЖ:
Есть Swiper слайдер со встроенными видео.
Видео берутся со Вконтакта.

ПРОБЛЕМА:
Как поставить видео на паузу, если слайдер листается?
Поставить на паузу, если был клик на стрелки?

У ВК-видосов вообще есть какой-то метод типа .pause() или что-то такое?

Я могу сделать это с любым другим встраиваемым видео, типа ЮТ или Вмео, но не с ВК-видосами, они же виджетами.
Прошу, подскажите, как это провернуть?

Вот пен - ссылка

Вот пен встроенный


Заранее БЛАГОДАРЮ!

Comments

[ProjectSoft]

Берите скрипт и общайтесь с видео
https://vk.com/js/api/videoplayer.js
Подробнее:
https://github.com/gavr-pavel/vk-video-js-api-demo

Answer 1

[Lenkaaa]

Подключить скрипт

<script src="https://vk.com/js/api/videoplayer.js"></script>

в src iframe обязательно добавить &js_api=1

<iframe src="https://vk.com/video_ext.php?oid=-22822305&id=456241864&hd=2&js_api=1" width="853" height="480" allow="autoplay; encrypted-media; fullscreen; picture-in-picture;" frameborder="0" allowfullscreen ></iframe>

const player = VK.VideoPlayer(document.querySelector('#id iframe'));
player.pause();

Документация vk https://dev.vk.com/ru/widgets/video#%D0%A1%D0%BE%D...