Shopify themes, liquid, logos, and UX
Hi friends,
I have a custom liquid section on my home page that only contains a YouTube video embedded responsively using https://embedresponsively.com/. I copied the code generated from ER to my Shopify.
The only issue I have is I can't figure out how to play the video automatically. Code is below.
Thank you.
<style>.embed-container { position: relative; padding-bottom: 45.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//yOWdqxx4HeI' frameborder='0' allowfullscreen></iframe></div>
Hi @amventures,
Please change all code:
<style>.embed-container { position: relative; padding-bottom: 45.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
<div class='embed-container'>
<iframe src='https://www.youtube.com/embed//yOWdqxx4HeI?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe>
</div>
Hope it helps!
Check out this video tutorial. You can use both Youtube and Hosted vid with Autoplay
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025