title: How to make videos play on mouseover and pause on mouseout?
body: <p>I would like to make my videos play on mouseover and mouseout. I have about 4 videos on my page. My HTML looks something like this:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="project-container"&gt;
      &lt;video class="content" controls loop&gt;
            &lt;source src="videos/THESIS_VIDEO.mov"&gt;
      &lt;/video&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Thanks!</p>