Javascript 如何在不悬停时播放悬停/暂停视频？

我使用下面的代码，我已经能够成功地制作一个函数，在悬停时播放视频

     <div id="vid">
     <video onmouseover="this.play()" 
        onmouseout="this.pause();this.currentTime=;">
            <source src="PISTOL.mp4"></source>
           </video>    
            </div>

                <script>
            var figure = $(".video");
            var vid = figure.find("video");

            [].forEach.call(figure, function (item,index) {
                item.addEventListener('mouseover', hoverVideo.bind(item,index), false);
                item.addEventListener('mouseout', hideVideo.bind(item,index), false);
            });

            function hoverVideo(index, e) {
                vid[index].play(); 
            }

            function hideVideo(index, e) {
                vid[index].pause(); 
            }
            </script>

var数字=$（“.video”）；
var vid=图。查找（“视频”）；
[]forEach.call（图、函数（项、索引）{
item.addEventListener（'mouseover'，hoverVideo.bind（item，index），false）；
item.addEventListener（'mouseout'，hideVideo.bind（item，index），false）；
});
功能悬停视频（索引，e）{
vid[index].play（）；
}
函数hideVideo（索引，e）{
vid[index].pause（）；
}

---

然而，我想让它，而不是视频停止当你停下来，它只是暂停。当你再次悬停时，视频会在你离开的地方播放。任何帮助都将不胜感激，谢谢

有输入错误和不必要的代码：

onmouseout="this.pause();this.currentTime=;">

应该是：

onmouseout="this.pause();">

---

应该这样做

它在哪里断了？对不起，我不明白这个问题…你能走多远。为什么它-不-暂停在

mouseout

？我不知道为什么。。只要我的鼠标指针在视频上，视频就会播放。当我停下来时，它会回到视频的开头…@AjAX。我在帖子中添加了一些新的代码，可能存在差异？？