jquery视频悬停'oncanplay'

Question

我有一个包含数十个视频的网站，旨在通过悬停播放。但有时会发生他们不会立即播放的情况。所以我需要一个加载器 div 那里。视频元素准备好后如何隐藏加载器？

这是我拥有的，但它不起作用（隐藏加载 div）

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

谢谢！

Answer 1

这行得通：

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

  }