Hi, so I have been using the theme Brooklyn, and I added a video through the custom HTML option. I want to make this video autoplay (as soon as the blog is opened), on loop, and not muted. I have tried searching the codes necessary for this, but nothing seems to work. So far, this is what I’ve written for the HTML:
The video works the way I wanted in the editor, but not when I opened the blog. Are there any solutions?
Thank you
Hello, @vision1
Thanks for post.
Please share your site URL,
So I will check and provide a solution here.
Hi @vision1
Try to use this code
<video style="max-width: 100%; height: auto;" controls muted playsinline autoplay loop>
<source src="https://cdn.shopify.com/s/files/1/0377/3215/5527/files/THE_SPEAKER.mp4?v=1587820546" type="video/mp4">
</video>
Hello! Yes, the code works in terms of making the video go on loop and autoplay. However, it also mutes the video.
When using this code, the video player controls appear when you hover over the video.
How can I use this so there are no video controls that appear, even if I hover over the video?
Hello, @able36
Welcome to the Shopify community!
and Thanks for your Good question.
Please share your site URL,
So I will check and provide a solution here.
I am referring to this video, when you scroll down toward the middle of the page:
@KetanKumar thanks for your help.
But the videowrapper tag causes the row to get much taller and it messed up the alignment. Please check the URL again to see what I mean.
Thanks for create
yes, please add this code
.video-wrapper {padding-bottom: 0;}
So when using the code on theme liquid it cuts my video off & how come it won’t auto play on mobile ?
I figured the sizing out but how come it won’t auto play on mobile ?
Welcome to the Shopify community!
and Thanks for your Good question.
Please share your site URL,
So I will check and provide a solution here.
password: yiathe
Thanks for it
We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?
I am using safari and on a iPhone 7. It works but on my end you have to press the play button for it to play. It doesn’t unto play until you press play and then it loops
i have check also but it’s working fine
Some device auto play doesn’t work
Hello!
Can you help us get this video to autoplay when the site is opened?
Thank you!
