Hover video dejó de funcionar

Buenos días, qué tal?
Hace unas semanas realicé un diseño para la home de la página que añado en el que las secciones contienen un video de fondo que no se reproduce hasta que haces hover y deja de reproducirse cuando sales de la sección.
Lo dejé funcionando perfectamente hasta ayer que me encontré con que el efecto no lo estaba haciendo.

Uso Elementor para maquetar la web por lo que añado la fila a la que le pongo el video de fondo y le añado la clase ‘video’.

Creo un fichero video.js en la carpeta assets/js de mi tema con el sigueinte código:

jQuery(document).ready(function() {

$("video").removeAttr("autoplay");
var figure = $(".video").hover( hoverVideo, hideVideo );

function hoverVideo(e) {  
    $('video', this).get(0).play(); 
}

function hideVideo(e) {
    $('video', this).get(0).pause(); 
}
});

y en el functions.php de mi tema añado:

add_action('wp_enqueue_scripts', 'video_js');
function video_js() {
    wp_enqueue_script( 'video', get_template_directory_uri() . '/assets/js/video.js', array(), '1.0.0', true );
} 

No se el motivo por el que dejó de funcionar. Es un entorno de pruebas en el que no se ha realizado ninguna actualización ni cambio desde que se realizó ese diseño.

Gracias por la ayuda

La página con la que necesito ayuda: [accede para ver el enlace]