MouseOver - Zeigen Sie Plakat/HTML5 Video, WordPress

Question

pls, können Sie mir helfen? Ich habe diesen Code, für Wordpress html5 Video auf Hover spielen ... aber ich brauche, keine Pause, wenn Mouseout, sondern img Poster wie auf aktualisieren.

Irgendwelche Ideen?

Ty

functions.php

function custom_video_preview(){ 
?> 
<script> 
var figure = jQuery(".video").hover(hoverVideo, hideVideo); 

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

function hideVideo(e) { 
    jQuery('video', this).get(0).pause(); 
} 
</script> 
<?php 
} 
add_action('wp_footer', 'custom_video_preview'); 

und mein HTML-Code in der Post

<div id="videosList">   
<div class="video"> 
    <video class="thevideo" loop preload="none" poster="https://t12.pixhost.org/thumbs/383/50595935_s970x545.jpg"> 
     <source src="https://my.mixtape.moe/qvmktx.mp4" type="video/mp4"> 
    Your browser does not support the video tag. 
    </video> 
    </div> 
</div> 

Danke

Answer 1

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

Ruft die hoverVideo Funktion, wenn es um die ausgewählten (Hover) tritt " .video "und ruft dann hideVideo auf, wenn es beendet wird. Sie sollten diese Zeile durch ersetzen.

var figure = jQuery(".video").mouseenter(hoverVideo); 

Hier ist die jQuery-Dokumentation auf Hover. https://api.jquery.com/hover/