jquery video hover 'oncanplay'

Question

私は、何本かのビデオを持ったサイトを持っています。しかし、時には、彼らはすぐに再生されませんが発生します。だから私はローダーディビジョンが必要です。動画要素が準備完了しているときにローダーを非表示にするにはどうすればよいですか？

これは私が持っているものですが、それは

$(".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(); 
     }); 

ありがとうございました（ロードのdivを隠して）働いていません！

Answer 1

これは働いていた：

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

    }