javascript - 鼠标悬停时播放视频/鼠标移出时显示缩略图

Question

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

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

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

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

有什么想法吗？

Answer 1

使用 load() 方法，如下所示:

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

参见FIDDLE