Question

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

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

谢谢！

Answer 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/

如何在mouseover上播放视频并在mouseout上暂停？

1 个答案: