在Hover上播放视频，在Mouseout上隐藏视频无法重新启动并显示视频

<div id="video-container">
  <video id="my-video" autoplay="false">
    <source src="video.mp4" type="video/mp4">
  </video>
</div>

#video-container {
  width: 400px;
  height: 300px;
  position: relative;
}

#my-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

var video = document.getElementById('my-video');
var videoContainer = document.getElementById('video-container');

videoContainer.addEventListener('mouseover', function() {
  video.style.display = 'block';
  video.play();
});

videoContainer.addEventListener('mouseout', function() {
  video.style.display = 'none';
  video.pause();
  video.currentTime = 0;
});