Как я могу автоматически воспроизвести видео без отключения звука? - PullRequest
0 голосов
/ 21 февраля 2020

У меня есть видео в моем коде, но я не могу заставить его автоматически воспроизводиться без отключения звука. Видео имеет звук, но оно будет воспроизводиться автоматически без отключения звука.

<video autoplay muted loop id="myVideo">
  <source src="weddingv.mp4" type="video/mp4">
</video>

Ответы [ 3 ]

1 голос
/ 21 февраля 2020

Автозапуск со звуком

В некоторых браузерах автоматическое воспроизведение со звуком работает. Однако на Chrome он некоторое время не работал без атрибута mute.

Это хорошо задокументировано здесь .


Не могу Вы обманываете Chrome?

К сожалению, вы не можете обмануть его, присвоив ему атрибут mute, а затем включив звук в JavaScript. Это также не будет работать, если вы попытаетесь воспроизвести видео при загрузке страницы через JavaScript.

Надеюсь, это направит вас в правильном направлении.

0 голосов
/ 21 февраля 2020

Браузеры становятся все более строгими в отношении запрета автоматического воспроизведения видео без звука. Еще хуже на мобильных устройствах (особенно iOS). По моему опыту (который, к сожалению, является обширным в этом вопросе), попытка заставить браузеры (особенно браузеры iOS) делать ставки, когда дело касается видео с использованием JavaScript, еще больше ухудшает ситуацию (видео начинают воспроизводиться в собственное окно, не встроенное в вашу веб-страницу, как вы, вероятно, хотите). Я говорю, что после объединения SO и других источников для решений.

Если по какой-то причине вы не ориентируетесь на мобильные устройства, то здесь может быть надежда. В противном случае я бы настоятельно рекомендовал не тратить больше времени.

0 голосов
/ 21 февраля 2020

Хочешь. , , .

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

<video width="320" height="240" loop  controls autoplay>
  <source src="https://www.w3schools.com/tags/movie.mp4" type="video/mp4">
</video>
...