Javascript 停止在mouseout上播放HTML5视频（延迟加载）

以下是我的项目：

我需要停止在mouseout上播放视频，然后在hover上再次播放

ARE使用的任何和html注释都存在延迟加载问题。 我想jQuery看不到它的代码

---

此外，此视频播放不会导致悬停->视频自动播放

因为视频是通过延迟加载动态加载的。您必须使用事件委派

我用class

main

创建了一个最顶层的父div，用于事件委派，并给视频一个id

myVideo

。像这样

$('.main').on('mouseover', '#myVideo', function(){
    $(this).get(0).play()
}).on('mouseout', '#myVideo', function(){
    $(this).get(0).pause();
});

为了获得视频元素的引用，您应该使用

这是一个

希望这有帮助

$('.main').on('mouseover', '#myVideo', function(){
    $(this).get(0).play()
}).on('mouseout', '#myVideo', function(){
    $(this).get(0).pause();
});