jQuery：在悬停时播放视频

Question

寻找比这更好的解决方案：

$(".video-post").hover(function () {    
  $(this).find("video").get(0).play();
}, function () {
   $(this).find("video").get(0).pause();     
}); 

- ＆GT;它工作但导致铬错误： DOMException：play（）请求被pause（）调用中断。

有一些关于此的文章，但似乎无法找到任何简单的答案。 https://developers.google.com/web/updates/2017/06/play-request-was-interrupted

Answer 1

尝试：

$(document).ready(function () {
    $(".video-post").hover(function () {
       $(this).find("video")[0].play();
    }, function () {
        var el = $(this).find("video")[0];
        el.pause();
        el.currentTime = 0;
    });
});