Javascript - проблема с воспроизведением видео при наведении

Question

    var figure = jQuery(".nb-client-video").hover( hoverVideo, hideVideo );

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

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

<div class="nb-client-video">
<video muted loop playsinline>
<source src="<?php echo get_stylesheet_directory_uri(); ?>/videos/emaar-new.mp4" type="video/mp4">
</video>                                    
</div> 

Эй, ребята, я хочу воспроизводить это видео только при наведении курсора. Я пытался использовать приведенный выше код, но не работает. Ребята, не могли бы вы помочь мне выяснить причину проблемы, пожалуйста. Спасибо:)

Answer 1

пожалуйста, попробуйте это

$(".nb-client-video").hover(
    function() {
        $(this).find('video').play();
    }, 
    function() {
        $(this).find('video').pause();
    }
);

Answer 2

удалить точку из jQuery (". Video")

jQuery("video")