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

Question

我使用下面的代码，我已经能够成功创建一个在悬停时播放视频的功能。

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

然而，我想这样做，以便当你悬停时视频停止，它只是暂停。当你再次徘徊时，视频会播放你离开的地方。任何帮助将不胜感激，谢谢！

Answer 1

有一个拼写错误和不必要的代码：

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

应该是：

onmouseout="this.pause();">

应该这样做。