悬停光标后自动播放视频不起作用

Question

我有一个视频页面，我使用照片作为缩略图。我想将照片转换为 .webm 格式的视频播放。我编写了一个脚本，当您将鼠标悬停在照片元素上时，它会添加并播放视频标签。

$(function(){
    $('.item-image').hover(function(){ 
        $('.item-image video').remove();
        $v = $(this).attr('v');
        if ($v){
            $p = '<video src="'+$v+'" class="p" ></video>';
            $(this).append($p);
        }
        $(this).children('video').play();
    }, function(){ 
        $(this).children('video').remove();
    }); 
});

很遗憾，当悬停时，自动播放不起作用。您必须先点击视频才能播放。 我注意到单击并刷新页面后，将光标悬停后播放视频可以正常工作。你知道为什么它不能正常工作吗？

Answer 1

我找到了解决方案。 给视频标签添加一个静音就足够了

<video src="URL" loop muted autoplay class="p" ></video>