Please advise. I am using Automatic video playback in the description on the product page. The video plays automatically, everything is fine, but when I select any product option the automatic video playback stops. How to fix this? Here is the code I am using: video { width: 90%; height: auto; dis…

Hi Demandphonecase, can you provide your store url so I can get a context on the problem, it seems that when the product option is selected an ajax request is send making a partial reload causing the loop option to reset.

Yeah, when option is selected a partial reload is happening and the loop option is interrupted. one way to solve this is to listen to all select elements and when a change occur we play the video, I do not have access to the theme code so I will try my best here : document.addEventListener('DOMCon…

Can you please tell me, do I have to paste this code into some file? Or replace a certain code in some file?

You need to paste it, and if you can send a screenshot of the code file so I can help you further if you facing any problems adding the code.

What kind of screenshot file do you need? I added the code through Custom Liquid [Screenshot_18.png]

I meant the theme code files that is responsible for adding the video, the screenshot you provided need some changes: document.addEventListener('DOMContentLoaded', function () { let selectElements = document.querySelectorAll(".select__select"); let video = document.getElementById("productVideo")…

The added code appeared below the video [Screenshot_11.png]

Sorry, there was a typo mistake : it is the same code but we wrap javascript code with a script tag.

Unfortunately, the video still does not play automatically after adding this code after selecting any of the product options. Just freezes((((

Automatically launch videos in the description on the product page

Technical Q&A

demandphonecase November 7, 2023, 4:57pm 3

Please take a look. Thank you.
https://demandcase.com/products/customized-bare-18406

Topic		Replies	Views
Video Autoplay for Productpage desktop&mobile version Store Design product-page	4	64	April 22, 2025
Product page - Trade theme Shopify Discussion shop-performance	2	60	December 20, 2024
How can I auto pause a video when an image is selected? Store Design html , product-page	2	45	April 28, 2024
Mp4 videos setup on product page stop playing when variant changed Store Design design	4	106	February 13, 2025
How to make the video play in a loop in the products page? DAWN THEME Store Design design , customizations , css	19	291	September 17, 2024

Automatically launch videos in the description on the product page

Related topics