MouseOver - afficher l'affiche/HTML5 vidéo, WordPress

Question

pls, pouvez-vous m'aider? J'ai ce code, pour wordpress html5 jouer à la vidéo sur hover ... mais j'ai besoin, pas de pause lorsque le mouseout, mais montrer img affiche comme sur actualiser.

Des idées? 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'); 

et mon code html en 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> 

Merci

Answer 1

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

appelle la fonction hoverVideo quand il entre dans les sélectionnés (hovers) " .video ", puis appelle hideVideo quand il quitte. Vous voudrez remplacer cette ligne par.

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

est ici la documentation jQuery sur le vol stationnaire. https://api.jquery.com/hover/