Фоновое видео не работает при наведении курсора в Chrome

Question

Я пытаюсь выполнить фоновое воспроизведение видео со звуком при наведении ссылки.На самом деле он отлично работает во всех браузерах, кроме Chrome.В Chrome происходит то, что я вижу первый кадр моего видео при наведении на ссылку и ничего более.Перезагрузка страницы не решает проблему.Но нажатие на логотип, чтобы обновить страницу, решает проблему.Когда я добавляю «приглушенный» к тегу видео, он также работает нормально.Я читал, что Chrome по умолчанию блокирует автозапуск видео и аудио (у меня версия Chrome 66.0.3359.181).

Так есть ли какое-либо решение для воспроизведения фонового видео со звуком в Chrome при первом входе?

Вы можете посмотреть пример сайта здесь:

http://s90685xj.beget.tech/

Код, который я использую:

var viewport = document.getElementsByClassName('fade')[0]
var video = document.getElementById('video')
viewport.addEventListener('mouseover', function() {
  video.play()
}, false);
viewport.addEventListener('mouseout', function() {
  video.pause()
}, false);
document.getElementById('video').addEventListener('loadedmetadata', function() {
  this.currentTime = 24;
}, false);

<a href="#" class="fade film">New York<span><video id="video" class="video-background"><source src="http://s90685xj.beget.tech/wp-content/uploads/2018/05/Hernandos-Hideaway-Broadway-Dreams-NYC-Showcase-2016.mp4"></source></video></span></a>

Заранее благодарен за любую помощь!