悬停时播放和停止视频，中间有奇怪的过渡

Question

我想要达到的目标：

作为链接到视频页面的缩略图的视频，使用 jQuery，我拥有的这个缩略图视频在悬停时播放几秒钟作为预览，当我将光标移开时停止，这就是我目前想要的......

问题：

1. （重要）有一个奇怪的过渡当我将光标从视频缩略图上移开时，视频会消失 1 秒钟然后再次出现
2. （不重要）使用 (#t=[starttime][,endtime]) 当我保持光标打开并且视频到达指定的 [,endtime] 时，它会暂停而不是循环回到指定的 [starttime]

我不知道如何解决这个问题，我需要你的帮助，尤其是第一个问题。谢谢！

代码：

HTML

<ul class="video-container">
  <li>
    <a href="#">
      <div class="video">
        <video muted loop preload width="250px" height="150px">
          <source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4#t=00:00:05,00:00:15" type="video/mp4">
        </video>
      </div>
      <h2>Video Title</h2>
    </a>
  </li>
</ul>

CSS

.video-container {
  list-style-type: none;
  flex-flow: wrap;
  display: flex;
}

.video-container li {
  background-color: #000000;
}

JS

var figure = $(".video").hover( hoverVideo, hideVideo );

function hoverVideo(e) {
  $('video', this).get(0).play();
}

function hideVideo(e) {
  $('video', this).get(0).load();
}

Answer 1

编辑您的 java 代码...

发件人：

function hideVideo(e) {
  $('video', this).get(0).load();
}

收件人：

function hideVideo(e) {
  $('video', this).get(0).pause();
}