Hi @zsoltvarga , Welcome to the Shopify Community!
To make a video start playing only when scrolled down, you can use lazy loading:
Feel free to ask me any questions you have,
Hope this helps!
Topic summary
Goal: Start a video only when it scrolls into view so visitors watch from the beginning.
Proposed approaches:
- Lazy loading: Defer loading/playing until the video enters the viewport, improving performance and ensuring playback begins on view.
- GSAP ScrollTrigger: Use the GSAP animation library’s ScrollTrigger to precisely control when the video starts based on scroll position.
- Simple JavaScript scroll listener: Attach a ‘scroll’ event (with conditions to check visibility) to trigger play when the element is in view.
Notes: One reply included a visual aid illustrating the lazy-loading concept; no code snippets were provided.
Status: No confirmed solution or implementation details yet; the discussion remains open for follow-up questions and specifics.