Автозапуск видео после наведения курсора не работает

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>