ऑटोप्ले/रोकें जब माउसओवर माउसआउट JQuery

Question

मुझे निम्न समस्या है। यहाँ कोड है:

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

माउसओवर पर मैं वीडियो ऑटोप्ले/फिर से शुरू पर जाना चाहते हैं, और mouseout पर, वीडियो को रोकने के लिए।

मैं JQuery के साथ ऐसा कैसे कर सकता हूं? मैंने JQuery वेबसाइट पर बहुत कुछ खोजा लेकिन मुझे मेरे लिए कुछ भी नहीं मिला। मैंने जिस कोड को आजमाया वह काम नहीं करता था।

cSlider: stop autoplay on mouseover या autoplay video in slider या JQuery autoplay video on click show

मदद के लिए धन्यवाद।

Answer 1

एक आसान वैकल्पिक हल:

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