javascript - 将鼠标悬停在视频上才能播放，直到我首先单击网站上的任意位置。我该如何解决？

好的，所以我的问题是我的HTML中有一个视频，我设法将其设置为可以在鼠标悬停时播放，但是问题是，直到我首先单击网站上的任何位置，该视频才起作用。例如：如果我尝试通过将鼠标悬停在其上来播放视频，它将无法播放。但是，如果我先单击该站点上的任何位置，那么它将起作用。我该如何解决？我希望能够播放视频而不必先单击某个位置。

这是我的代码：

JavaScript：

<!--   Mouse hover over .video1  to play -->

var $video1 = $(".video1");

$video1.on("mouseenter focus", function () {
    $video1.get(0).play();
});

最佳答案

这是最近实施的新事物-在播放任何视频或音频之前，要求用户通过单击或按键与页面进行交互。因此，这是不可能的-但是要解决此问题，您只需在页面顶部添加confirm对话框即可：

$(function() {
    confirm();
    var $video1 = $(".video1");

    $video1.on("mouseenter focus", function () {
        $video1.get(0).play();
    });
});

上面的代码所做的是，它迫使用户按下“ Enter”或“ Esc”，或者单击“取消”或“确认”以消除警报框，因此您的视频将在此之后自动播放。