я есть группа видео MP4, которые будут воспроизводиться, когда контейнер завис. Пожалуйста, посмотрите 3 изображения внизу этой страницы для демонстрации:

https://ts133842-container.zoeysite.com/

Это прекрасно работает в Chrome, однако в Safari видео не будет воспроизводиться, и консоль показывает ошибку при зависании.

Необработанный отказ от обещания: [объект DOMError]

Я искал решение, но не смог найти решение. Пожалуйста, смотрите мой код ниже:

<div class="video-container">
  <video loop muted preload="auto">
    <source src="video.mp4" type="video/mp4">
  </video>
</div>
<div class="image-container"><img src="image.png"/></div>

jQuery(".video-container").hover(hoverVideo, hideVideo);

function hoverVideo(e) {  
  jQuery('video', this).get(0).play();
  jQuery(this).find('.image-container').css('display', 'none');
}

function hideVideo(e) {
  jQuery('video', this).get(0).currentTime = 0;
  jQuery('video', this).get(0).pause();
  jQuery(this).find('.image-container').css('display', 'block');
}

Кто-нибудь может поделиться какой-либо информацией о том, почему Safari выдает эту ошибку? Заранее большое спасибо.

Изменить: теперь я заметил, что это не работает на iPad или iPhone, так что это не просто проблема Safari для ПК. Я не уверен, почему я не могу найти больше информации об этой ошибке в Интернете, однако.