Don't play video on hover on non-hoverable devices

FreeFeed · Feb 15, 2025 · f806e40 · f806e40
1 parent 82a4866
commit f806e40
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/components/post/attachments/visual/attachment.jsx b/src/components/post/attachments/visual/attachment.jsx
@@ -44,11 +44,15 @@ export function VisualAttachment({
   const pixRatio = usePixelRatio();
 
   const handleMouseEnter = useEvent((e) => {
-    e.target.play();
+    if (window.matchMedia?.('(hover: hover)').matches) {
+      e.target.play();
+    }
   });
   const handleMouseLeave = useEvent((e) => {
-    e.target.pause();
-    e.target.currentTime = 0;
+    if (window.matchMedia?.('(hover: hover)').matches) {
+      e.target.pause();
+      e.target.currentTime = 0;
+    }
   });
   const [currentTime, setCurrentTime] = useState(0);
   const handleTimeUpdate = useEvent((e) => setCurrentTime(Math.floor(e.target.currentTime)));