<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>通过鼠标移动出发play和pause功能</title>
</head>
<body>
<video id="movies" controls onMouseOver="this.play()" onMouseOut="this.pause()"
autobuffer="true" width="400px" height="300px">
<source src="demoVideo.mp4" type="video/mp4">
您的浏览器不支持video标签。
</video>
</body>
<html>
<head>
<meta charset="utf-8">
<title>通过鼠标移动出发play和pause功能</title>
</head>
<body>
<video id="movies" controls onMouseOver="this.play()" onMouseOut="this.pause()"
autobuffer="true" width="400px" height="300px">
<source src="demoVideo.mp4" type="video/mp4">
您的浏览器不支持video标签。
</video>
</body>
</html>
其中鼠标箭头移动到视频中时,触发play功能,视频开发播放;
鼠标箭头离开视频时,触发pause功能,视频暂停播放。