How do I make my embedded YouTube, Vimeo video responsive?

Sell Online With Shopify
Trusted by millions of businesses worldwide
Sign up for a free trial and enjoy the first month of Shopify for $1.

If you use code provided by Youtube or Vimeo, when inserted them into your articles, your pages in Shopify, The videos will not responsive for mobile or tablet.

This article will help you make your Vimeo video or Youtube video responsive.

responsive video embed youtube vimeo

The first, you need add bellow code for CSS

OK. Now you need open the files have the code for retrieve content and replace


The code example above is for article in blog. If you use for pages or description (collections, products) you replace article.content with page.content, product.description or collection.description.

Done! Good luck for you!

Huynh Mai Anh Kiet

Looking for Shopify Experts?

Hura Apps can help you take your store to the next level

Our team of experienced designers and developers can help you create a beautiful, high-converting Shopify store that will drive sales and increase customer satisfaction. From custom design to app development and optimization, we have the skills and expertise to help you achieve your eCommerce goals.

Get in touch

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *