jQuery: Video abspielen auf schweben

Question

der Suche nach besseren Lösungen als diese:

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

-> Es funktioniert, aber führt zu Chrom Fehler: DOMException: Das Spiel() Anforderung durch einen Anruf unterbrochen wurde auf Pause() .

Theres einige Artikel darüber, aber kann anscheinend keine einfache Antwort dafür finden. https://developers.google.com/web/updates/2017/06/play-request-was-interrupted

Answer 1

Versuchen mit:

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