document.addEventListener('DOMContentLoaded', function() {
       const videos = document.querySelectorAll('video');
       videos.forEach(video => {
           video.EventListener('mouseover', video.play);
           video.EventListener('mouseout', video.pause);
       });
   });