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:
Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024