Как автоматически останавливать видео?

Question

[Ольга]

на странице есть компонент слайдер. он состоит из картинок и одного слайда с видео. для слайда который сейчас показывается выставлен isActive=true. Как автоматически остановить видео, если оно находиться на слайде, который сейчас не виден?
компонент видео:

<video id="video" src={video} className={styles.video} loop muted autoPlay playsInline/>

Answer 1

[Максим]

У слайда должен быть атрибут виден/не виден. И если "не виден" - то можно стопнуть видео так:

video.pause();
video.currentTime = 0;

// где video - ссылка на DOM элемент (по id или через ref)

Либо, если ничего не планирует меняться, то просто стопать видео всегда, если номер слайда не равен номеру слайда с видео.