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
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025