鼠标悬停时播放视频/鼠标悬停时显示缩略图

Video play on mouseover/thumbnail image show on mouse out

本文关键字：鼠标 悬停 略图 显示 视频 播放      更新时间：2023-09-26

尝试在鼠标悬停时播放视频并快退到开头并在鼠标退出时显示初始缩略图。

这是我到目前为止所拥有的：

<video poster="image.jpg" src="video.webm" id="id0" onMouseOver="id0.play()" onMouseOut="id0.pause();currentTime = 0;window.location.reload()" onclick="window.location='video.webm';id0.pause()" loop title="video.webm" ></video>

但这只是重新加载整个页面，而不仅仅是缩略图。

有什么想法吗？

使用 load() 方法如下：

function stopReload() {
  vPlayer.pause();
  vPlayer.currentTime = 0;
  vPlayer.load();
}

见小提琴

相关文章：