如何让视频在鼠标悬停时播放并在鼠标悬停时暂停？

【问题标题】：How to make videos play on mouseover and pause on mouseout?如何让视频在鼠标悬停时播放并在鼠标悬停时暂停？
【发布时间】：2018-07-31 13:06:17
【问题描述】：

我想让我的视频在鼠标悬停和鼠标悬停时播放。我的页面上有大约 4 个视频。我的 HTML 看起来像这样：

<div class="project-container">
    <video class="content" controls loop>
          <source src="videos/THESIS_VIDEO.mov">
    </video>
</div>

谢谢！

【问题讨论】：

你的 javascript 看起来像......？

标签： html video hover mouseover mouseout

【解决方案1】：

因为我没有你的项目，所以不得不偷一个工作视频来玩……把它改回来：

<div class="project-container">
    <video class="content" controls loop onmouseover="this.play()" onmouseout="this.pause();" >
          <source src="https://media.w3.org/2010/05/sintel/trailer.mp4">
    </video>
</div>

小提琴：https://jsfiddle.net/2n3auu06/12/

【讨论】：