Video MP4 - Safari mostrando "Rechazo de promesa no controlada: [objeto DOMError]" en la consola

Tengo un grupo de videos MP4 que se reproducirán cuando el contenedor esté suspendido. Consulte las 3 imágenes al final de esta página para ver una demostración:

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

Esto funciona muy bien en Chrome, sin embargo, en Safari, el video no se reproducirá y la consola muestra el error al pasar el mouse.

Rechazo de promesa no manejado: [objeto DOMError]

He buscado una solución pero no he podido encontrar una solución. Por favor vea mi código abajo:

<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');
}

¿Alguien podría compartir alguna idea de por qué Safari está arrojando este error? Muchas gracias por adelantado.

Editar: ahora he notado que esto no funciona en un iPad o iPhone, por lo que no es solo un problema de Safari en el escritorio. Sin embargo, no estoy seguro de por qué no puedo encontrar más información sobre este error en línea.

Respuestas a la pregunta(1)

Su respuesta a la pregunta