Ошибка стека воспроизведения в Chrome и Chromium

Ошибка:

main.js:34 Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD

очевидно, Вы пытаетесь запустить воспроизведение видео на HTML странице автоматически. Вот так:

<video autoplay loop poster="/images/bg.jpg" class="pa vdo">
 <source src="/sys/bg.mp4" type="video/mp4">
</video>

но почему-то видео НЕ воспроизводится автоматически и возникает ошибка в консоли?

Смотрите также: Как сделать кнопку включения звука в HTML5 видео плеере?

Решение очень простое! Необходимо добавить отключение звука для данного видео:

<video autoplay muted loop poster="/images/bg.jpg" class="pa vdo">
 <source src="/sys/bg.mp4" type="video/mp4">
</video>

Однако, как быть, ведь теперь необходимо пользователю показать, что звук собственно отключен. Для этого можно добавить контейнер НАД необходимым тегом video, в котором будет указано, что звук отключен.

Кроме того, Вы можете попробовать использовать следующий код, когда необходимо воспроизвести видео, а возникает эта ошибка или первая её часть (Uncaught (in promise) DOMException)

var media = document.getElementById("YourVideo");
const playPromise = media.play();
if (playPromise !== null){
    playPromise.catch(() => { media.play(); })
}