欢迎光临
我们一直在努力

鼠标悬停video视频自动播放

  • 此代码适合做视频站,视频素材的站点使用
  • 仅仅需要把两个功能加到video上就可以
<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>
  • 效果如下;把你的鼠标悬停到视频上。
  • 如果出现不能自动播放的,问题如下:
  • 你的浏览器不知道vieo标签,你的网速在堵塞。
通过鼠标移动出发play和pause功能
赞(0) 打赏
未经允许不得转载:亚南网络教程 » 鼠标悬停video视频自动播放

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址