#reactjs #html5-video
#reactjs #html5-video
Вопрос:
Итак, я отрисовывал видео на своем веб-сайте 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 и буду признателен за любую помощь.
Ответ №1:
Я думаю, что это не проблема React, а скорее веб-политика, в соответствии с которой браузеры запрещают автоматическое воспроизведение видео без отключения.
Обходной путь, о котором я мог подумать:
Взаимодействие пользователя с вашим сайтом может обойти это ограничение автозапуска. Вы могли бы запустить видео с отключенным звуком, но включить его, если пользователь взаимодействует со страницей?
Поищите некоторые библиотеки видеоплеера React, которые помогут вам с включением / приглушением элементов управления. Например.:
Надеюсь, это поможет прояснить ситуацию!