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:
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024