How to add responsive YouTube or Vimeo videos to pages, blog posts, or product descriptions in Shopify

Youtube or Vimeo provides an embed code to allow you can add the video anywhere on your site. However, if you use this default code, the embedded player is not responsive on the devices. If you want to add a YouTube / Vimeo video to pages, blog posts, or product descriptions in Shopify, but you worry about that. So, this article is for you.

This article will guide you on how to add responsive YouTube or Vimeo videos to pages, blog posts, or product descriptions in Shopify.

Firstly, you must copy the URL of this Youtube / Vimeo video. Eg: https://www.youtube.com/watch?v=08IzftQLgPM.

Nextly, you go to embedresponsively.com. This is a free tool to embed YouTube videos responsively. It can also be used for responsive Vimeo embeds and Google Maps. Now, you just need to paste your video link to the field and click on to Embed button.

You will see the embed code below and this code will be compatible with all devices. So you can add this code anywhere you want.

I hope this article is useful to you.