Mouseover mouseout JQuery

Question

Otoparma/Duraklatmada sorun var. İşte kod: Mouseover üzerinde

<div class="article-content-wrapper> 
    <%= video_tag 'Garden.mp4', :class => "video", :controls => true %> 
</div> 

Ben Video autoplay/özgeçmiş gitmek istiyorum ve Fare üzerinden video duraklatmak için.

Bunu JQuery ile nasıl yapabilirim? JQuery web sitesinde çok fazla arama yaptım ama benim için hiçbir şey bulamadım. Denediğim kod işe yaramadı. Yardım için

cSlider: stop autoplay on mouseover veya autoplay video in slider veya

JQuery autoplay video on click show teşekkürler.

Answer 1

kolay bir geçici çözüm:

$(function(){ 
    $('.video').on('mouseenter', function(){ 
     if(this.paused) this.play(); 
    }).on('mouseleave', function(){ 
     if(!this.paused) this.pause(); 
    }); 
}); 

Check jsFiddle

Answer 2

$(document).ready(function() { 
    $(document).on({ 
     mouseenter: function() { this.play(); }, 
     mouseleave: function() { this.pause(); } 
    }, '.video'); 
});