Personalized checkout and custom promotions with Shopify Scripts
Hi,
I have developed my own slideshow section, with thumbnails, and I would like to know how to add a code to make the videos included in the slide show in autoplay mode (when the user click on the thumbnail to display the video, it plays directly).
I am not an expert but I think the CSS code for the video is the below:
{%- for block in section.blocks -%} <div class="column " id="Slide-{{ section.id }}-{{ forloop.index }}"> {%- if block.settings.image != blank -%} <img class="slide-thumbnail" src="{{ block.settings.image | image_url: width: 85 }}" alt="" onclick="currentSlide({{ forloop.index }})" alt="Caption One" /> {%- else -%} <video poster="{{ block.settings.videoimage | image_url }}" class="slide-thumbnail" onclick="currentSlide({{ forloop.index }})" alt="Caption One" > <source src="{{ block.settings.video }}" type="video/mp4"/> <iframe src="{{ block.settings.video }}" allow="autoplay"></iframe> </video> {%- endif -%} </div> {%- endfor -%}
Does anyone know how to make the videos in Autoplay mode?
See below the slide show with thumbnails:
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025