title: Autoplay / Pause when mouseover mouseout JQuery
body: <p>I have the following problem. Here is the code:</p>
  
  <pre><code>&lt;div class="article-content-wrapper&gt;
    &lt;%= video_tag 'Garden.mp4', :class =&gt; "video", :controls =&gt; true %&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>On mouseover I want the video to go on autoplay/resume, and on mouseout, the video to pause.</p>
  
  <p>How I can do that with JQuery? I searched a lot on the JQuery website but I didn't find anything for me. The code I tried didn't work.</p>
  
  <p><a href="https://stackoverflow.com/questions/14341448/cslider-stop-autoplay-on-mouseover">cSlider: stop autoplay on mouseover</a>
  or 
  <a href="https://stackoverflow.com/questions/18361157/autoplay-video-in-slider">autoplay video in slider</a> or <a href="https://stackoverflow.com/questions/6574323/jquery-autoplay-video-on-click-show">JQuery autoplay video on click show</a></p>
  
  <p>Thanks for the help.</p>