fix hover on phones

docs/index.html

@@ -571,24 +571,26 @@ <h2  class="title">Improvements</h2>
 			  });
 			}
 
-			// Apply only if not on mobile
+			// Apply hover functionality only if not on mobile
 			if (!isMobileDevice()) {
 			  videoItems.forEach(function(item) {
 				const video = item.querySelector('.video-player');
 				const caption = item.querySelector('.video-caption');
 				handleVideoHover(item, video, caption);
 			  });
 			} else {
-			  // For mobile, ensure videos are muted and do not autoplay
+			  // For mobile, ensure videos are muted and paused
 			  videoItems.forEach(function(item) {
 				const video = item.querySelector('.video-player');
 				if (video) {
 				  video.muted = true;
 				  video.pause(); // Ensure video is paused
+				  video.setAttribute('controls', false); // Disable controls to prevent user interaction
+				  video.removeAttribute('autoplay'); // Ensure autoplay is disabled
 				}
 			  });
 			}
-		  });
+		  });		  
 
 		document.getElementById('menu-button').addEventListener('click', function() {
 			const navLinks = document.getElementById('nav-links');

docs/resources/index.css

@@ -621,6 +621,14 @@ body {
 
 }
 
+@media (hover: none) and (pointer: coarse) {
+  .video-item:hover {
+    /* Disable any hover effects for mobile devices */
+    pointer-events: none;
+  }
+}
+
+
 
 
 /* @media (min-width: 480px) {