代码之家 › 专栏 › 技术社区 › AFG

如何在鼠标悬停时播放视频?

mouseout mouseover hover video html

AFG · 技术社区 · 7 年前

我想让我的视频在mouseover和mouseout上播放。我的页面上有大约4个视频。我的HTML如下所示:

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

谢谢

1 回复 | 直到 7 年前

Adam Hoffman 7 年前

因为我没有你的项目视频,所以不得不偷一个工作视频来播放。。。更改回:

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

推荐文章

Nora PÄ« · 统一问题在2d精灵后面排序立方体

1 年前

K'man Amuda Jr. · React-Hook useEffect接收到依赖项未知的函数。传递内联函数,而不是1个警告

2 年前

bcg · 使用Javascript从视频文件中提取地理标记

6 年前

abagshaw · OpenCV从url加载视频

6 年前

Marvin von Rappard · 剪切多个视频的结尾

6 年前

Alexander Tumin · 如何在碎片化MP4中正确采样h264 NAL单元

6 年前

Sergio santa · 使用jQuery更改和加载iframe src属性

6 年前

user3751111 · 为什么在使用AVMutableCompositionTrack合并音频和视频时没有声音?[已关闭]

6 年前

Neywiny · 如何设置DASH流?

7 年前

Charles Yao · 如何在播放同一本地视频时同步多个AVPlayer

7 年前