Magento: Embedding YouTube Videos

Websavers Inc

Entering a YouTube video embed code in the File URL field of the Magento image insert content editor button creates some strange behaviour! You’ll see your own website showing within an iframe rather than the video you were hoping for. To embed the video properly, following these steps:

  1. Grab that Embed URL from YouTube by visiting the video, click the Share button, then Embed, then copy the embed code/iframe data
  2. Log in to your Magento admin, then navigate to the page where you wish to insert the video
  3. Choose the Content tab (if you’re not already on it) and click the video button from the toolbar. It usually looks like a little strip of film.
  4. Don’t do anything with the “General” tab and instead click on the “Source” tab. Paste in there the embed code from YouTube. You can then switch back to the “General” tab to preview the video if you wish, but it’s not necessary.
  5. Choose Insert and you’re all set!

You should now find the YouTube video properly embedded on your Magento page.

Looking for a high performance Magento host? Check out our Magento VPS options today!

Posted in ,

Jordan Schelew

Jordan has been working with computers, security, and network systems since the 90s and is a managing partner at Websavers Inc. As a founder of the company, he's been in the web tech space for over 15 years.

About Websavers

Websavers provides web services like Canadian WordPress Hosting and VPS Hosting to customers all over the globe, from hometown Halifax, CA to Auckland, NZ.

If this article helped you, our web services surely will as well! We might just be the perfect fit for you.


  1. Devansh Vijay on September 5, 2022 at 9:35 am

    This article is amazing. It contains so much information. These articles keep the visitors interested in the site. Keep sharing more

  2. Jim Witt on June 2, 2022 at 9:18 am

    Thanks for your information, it was really very helpful and well explained. I have viewed all of your websites and it is truly beautiful.

  3. Micah James on June 2, 2022 at 8:27 am

    Thank you! Very nice examples. Your suggestions and ideas really worked.

  4. Lee Frates on January 13, 2022 at 5:43 am

    Very informative and well explained!

  5. Raj Shah on November 17, 2021 at 6:09 am

    Its working.
    Thanks for sharing.

    • Jordan Schelew on November 22, 2021 at 12:20 pm

      That’s great to hear! You’re welcome 🙂

  6. Vincent Nguyen on April 11, 2019 at 9:21 pm

    Hi Jodan,
    Thank you for your instruction to embed a Video, I did the same procedure with the same video but
    only work for some items but most items it does not work, please advise.
    Eg. (work)

    Eg. (do not work)


    • Jordan Schelew on May 6, 2019 at 5:02 pm

      Hey Vincent, are all the videos YouTube sources? Are you using the same embed code (just different video ID)? is there anything in the server logs (provided by your hosting provider) to indicate why it’s refusing to embed? Does it just not save, or does all look well in the admin but nothing on the front-end?

  7. Aaron on December 14, 2018 at 12:10 pm

    Hi there,
    My videos are adding a single pixel to the right of the video causing a black line that isnt present on the Youtube specific version.
    Do you know how to rectify this?


  8. Tom on October 12, 2018 at 11:47 am

    worked a treat for my site

  9. Tarun Nagar on June 14, 2018 at 10:44 am

    Great information! Add a video into your page is an interesting way to show customers about your products without boring text.

  10. Paris Baker on August 21, 2017 at 8:33 am

    Thx for the information!!!!

  11. Connor on August 7, 2017 at 5:53 pm

    I did exactly as you described and for some reason the video showed up in the preview but would not actually show up on the webpage.

Leave a Comment