Рестарт видео, чтобы после ухода курсора с видео, видео снова возвращалось к начальной заставке?

Question

[12Vadim12]

<div class="litle__img-1">
          <video poster="img/category-1.jpg"  id="litle__img-video-1" >
            <source src="img/video.mp4" type="video/mp4">
            <span class="">View 10 year old website design</span>
          </video>
          </div>

const OurElem = document.getElementById("litle__img-video-1");
OurElem.addEventListener('mouseenter',function(){
  OurElem.play();
})
OurElem.addEventListener('mouseleave',function(){
  OurElem.pause();
});

Answer 1

[Александр Шемаханов]

После того как пользователь убирает курсор с видео, тебе нужно кроме того как поставить на паузу, нужно вызвать метод .load() для перезагрузки видео, таким образом кроме сброса видео в 0 пользователь будет видеть еще и обложку:

OurElem.addEventListener('mouseleave',function(){
  OurElem.pause();
  OurElem.load();
});