проблема с видео при chrome html / css проблема с аудио / видео

Question

Я добавил видео на сайт, inte rnet explorer и Edge в порядке, но в chrome.

HTML code:

<div class="main">
   <video autoplay loop>
      <source src="media/main.mp4" type="video/mp4">
   </video>
</div>

* 1005 нет звука. *CSS код:

.main {
   width: 100vw;
   height: 90vh;
   position:relative;
}

.main video{
   width: auto;
   height: auto;
   object-fit: cover;
   position:relative;
   z-index:0; 
   border: 1px solid white;
}

Answer 1

Попробуйте добавить id="video-background" plays-inline controls в элемент <video>.

При воспроизведении видео нет звука, поскольку chrome не любит автоматически воспроизводимые видео со звуками по некоторым причинам безопасности , Я думаю.
Это лучше, чем предлагать пользователю изменить настройки, чтобы видео воспроизводилось со звуком и т. Д. c ...
Теперь это будет работать в Chrome.

Ваш код будет:

<div class="main">
   <video loop id="video-background" plays-inline controls>
      <source src="media/main.mp4" type="video/mp4">
   </video>
</div>