Я занимаюсь разработкой приложения ReactJs, в котором я использую html-видеоплеер для воспроизведения видео. У меня есть требование, когда видео должно быть приостановлено, когда оно выходит из порта просмотра или когда другое видео входит в порт просмотра и начинает воспроизведение. Я привел много примеров, но большинство из них говорит, как это сделать, используя внешние библиотеки или jQuery.
<video controls autoPlay loop muted controlsList='nodownload' poster={this.props.postData.media[0].thumbnail}>
<source src={this.props.postData.media[0].sourcePath} type='video/mp4' />
</video>
Это мой код для видеоплеера. Я где-то читал, что onBlur событие может быть использовано для реализации этого. Но это не сработало, к сожалению. Может быть, потому что я не делал это правильно. Я хочу что-то похожее на то, что делают Twitter и LinkedIn.