Блог

Итак, я отрисовывал видео на своем веб-сайте react, используя приведенный ниже код :

 <video src='/assets/video/2.mp4' autoPlay={true} loop={true}/>
  

Хотя это работало нормально.Но когда я обновляю свой браузер Chrome, видео не воспроизводится.
Я искал решение, но не смог его решить.

Но когда я изменил свой код на :

 <video src='/assets/video/2.mp4' autoPlay={true} loop={true} muted={true}/>
  

Мое видео воспроизводится даже при обновлении браузера.

Я не могу найти причину этого. Я все еще новичок в react и буду признателен за любую помощь.

Я думаю, что это не проблема React, а скорее веб-политика, в соответствии с которой браузеры запрещают автоматическое воспроизведение видео без отключения.

Объяснение Google

Обходной путь, о котором я мог подумать:

Взаимодействие пользователя с вашим сайтом может обойти это ограничение автозапуска. Вы могли бы запустить видео с отключенным звуком, но включить его, если пользователь взаимодействует со страницей?

Поищите некоторые библиотеки видеоплеера React, которые помогут вам с включением / приглушением элементов управления. Например.:

• Video.js

Надеюсь, это поможет прояснить ситуацию!