jquery video hover 'oncaplay'

Question

Ich habe eine Website mit Dutzenden von Videos, die auf dem Hover spielen sollen. Aber manchmal passiert es, dass sie nicht sofort spielen. Also würde ich einen Lader div dort brauchen. Wie kann ich den Loader ausblenden, wenn das Videoelement bereit ist? Diese

ist, was ich habe, aber es funktioniert nicht (das Laden div versteckt)

$(".wp-is-not-mobile .video-post").hover(function() {  
      $(this).children(".video-post__video").show(); 
      $(this).find("video").get(0).play(); 
     }, function() { 
      $(this).find("video").get(0).pause(); 
     }); 

     $('.wp-is-not-mobile .video-post').find("video").on('oncanplay', function(){ 
      $(this).find('.video-loader').hide(); 
     }); 

Vielen Dank!

Answer 1

Das funktionierte:

$(this).find("video")[0].onplay = function() { 

    }