On hover play video

 const videos = document.querySelectorAll('.video');


videos.forEach(video => {

  video.addEventListener('mouseenter', () => {

    video.play();

  });

  

  video.addEventListener('mouseleave', () => {

    video.pause();

    video.currentTime = 0;

  });

});

Comments