如何使用纯javascript使我的视频在悬停时播放

我尝试了很多不同的方法，但是我没有得到我想要的结果，所以有人能帮我吗

<div style="width:500px;height:500px;">
    <video controls autoplay width="400" height="400">
        <source src="video/2.mp4" type="video/mp4">
    </video>    
</div>

这应该对你有用。 您可以找到有关HTML5视频API的更多信息

const videoPlayer=document.querySelector（'.videoPlayer'）；
videoPlayer.addEventListener（'mouseover'，（）=>{
视频播放器；
});
将鼠标悬停在画布上以播放视频

这应该适合您。 您可以找到有关HTML5视频API的更多信息

const videoPlayer=document.querySelector（'.videoPlayer'）；
videoPlayer.addEventListener（'mouseover'，（）=>{
视频播放器；
});
将鼠标悬停在画布上以播放视频

答案很简单：

document.getElementById（“myVid”）.addEventListener（“mouseover”，function（））{
这个。play（）；
});
document.getElementById（“myVid”）.addEventListener（“mouseleave”，function（））{
这个。暂停（）；
});
答案很简单：


document.getElementById（“myVid”）.addEventListener（“mouseover”，function（））{
这个。play（）；
});
document.getElementById（“myVid”）.addEventListener（“mouseleave”，function（））{
这个。暂停（）；
});

我是这样写代码的，但当我复制你的代码并使用它时，它就不起作用了。它工作得很好，那么原因是什么呢？我可以看到你的代码，还是与你的问题中的代码相同？js:19未破坏（承诺）DomeExceptioni编写了这样的代码，但当我复制您的代码并使用它时，它不起作用。它工作得很好，那么我可以看到您的代码，或者它与您的问题中的代码相同的原因是什么？js:19未破坏（承诺）DomeException非常感谢老兄，我是这样写代码的，但我认为这是一个问题，因为它不起作用。你使用哪种浏览器？你能分享一下你以前的代码吗？我使用谷歌chrome，我想可能是因为我的视频很长，需要时间才能加载。我在电脑上使用视频，这是我的js var videoAct=document.getElementById（'play'）；videoAct.addEventListener（'mouseover'，function（）{this.play（）；}）；videoAct.addEventListener（'mouseleave'，function（）{this.pause（）；}）；我想知道如何在同一个div标签上的html上使用此选项来处理多个视频我为一个div标签中的多个视频创建了一个简单的示例。另外，在悬停视频之前，别忘了聚焦“输出”区域。多谢各位，我是这样写代码的，但我认为这是一个问题，因为它不起作用。您使用哪种浏览器？你能分享一下你以前的代码吗？我使用谷歌chrome，我想可能是因为我的视频很长，需要时间才能加载。我在电脑上使用视频，这是我的js var videoAct=document.getElementById（'play'）；videoAct.addEventListener（'mouseover'，function（）{this.play（）；}）；videoAct.addEventListener（'mouseleave'，function（）{this.pause（）；}）；我想知道如何在同一个div标签上的html上使用此选项来处理多个视频我为一个div标签中的多个视频创建了一个简单的示例。另外，在悬停视频之前，不要忘记聚焦“输出”区域。
var figure = $(".video");
var vid = figure.find("video");

[].forEach.call(figure, function (item,index) {
item.addEventListener('mouseover', hoverVideo.bind(item,index), false);
item.addEventListener('mouseout', hideVideo.bind(item,index), false);
});

function hoverVideo(index, e) {
vid[index].play(); 
}

function hideVideo(index, e) {
vid[index].pause(); 
}