Project: Fix Video Autoplay Conflict Between Shopify Theme and Replo The Problem: I have a Shopify store using a custom theme (Impulse-based) with a hero video slideshow on the homepage that should autoplay. I'm also using Replo to build custom landing pages that include video components. Currently, ALL videos across the site autoplay, but I only want the homepage hero video to autoplay - the Replo page videos should not autoplay and should have working play/pause controls. Current Behavior: Homepage hero video: Autoplays (correct) Replo landing page videos: Autoplay (should NOT autoplay) Replo video play/fullscreen buttons: Not working Desired Behavior: Homepage hero video: Autoplays Replo landing page videos: Do NOT autoplay, user clicks play button to start Replo video buttons (play, fullscreen): Should work Technical Details: The theme uses a custom video web component that extends a base media class. The autoplay logic is in theme.js - it uses an intersection observer to trigger autoplay when videos enter the viewport. The hero video is rendered via the slideshow.liquid section file. We attempted to add a custom data attribute to scope autoplay only to the hero video, but Replo videos still autoplay. This suggests Replo may be using native video tags with their own autoplay behavior, or there's another piece of code triggering it. Files Likely Involved: assets/theme.js (contains the video autoplay logic) sections/slideshow.liquid (hero video section) Replo landing page (external page builder) Questions for You: Can you fix this autoplay conflict? Can you also investigate why the Replo video control buttons aren't working? Estimated time to fix?