fixing reduce motion

wix-incubator · Dec 9, 2024 · df189ae · df189ae
1 parent b2365ee
commit df189ae
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/gallery/src/components/item/videos/videoItemWrapper.js b/packages/gallery/src/components/item/videos/videoItemWrapper.js
@@ -41,17 +41,23 @@ class VideoItemWrapper extends React.Component {
   mightPlayVideo() {
     const { videoPlay, itemClick } = this.props.options;
     const { hasLink } = this.props;
+    const prefersReducedMotion =
+      window.matchMedia &&
+      window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+
     if (this.props.isVideoPlaceholder) {
       return false;
     }
+    if (prefersReducedMotion && videoPlay === 'auto') {
+      return false;
+    }
     if (videoPlay === 'hover' || videoPlay === 'auto') {
       return true;
     } else if (itemClick === 'nothing') {
       return true;
     } else if (itemClick === 'link' && !hasLink) {
       return true;
     }
-    // }
     return false;
   }