How to Add MP4 Videos to Product Description (No YouTube or Vimeo)

Reading Time

While Shopify supports YouTube and Vimeo embeds for video content, it doesn't offer built-in instructions or easy options for uploading and displaying custom videos hosted directly on your store. If you're looking to showcase your products with a custom video player but want more control over your content, this tutorial is for you.

We'll walk through:

  1. Adding the video code to your theme files.

  2. Inserting the video player into your product page.

  3. Uploading and embedding your custom video so it plays directly from your store.

By the end of this tutorial, you'll have a working video player on your Shopify product page, allowing you to showcase videos without relying on third-party platforms like YouTube or Vimeo. Let's dive in!

Before starting: 👉 Click here to download the code  

[not icebox] 

Step 1: Adding The Video Code

  1. From your Shopify admin, go to Online Store > ... > Edit Code
  2. In the left-hand sidebar, under the Snippets section, follow these steps:
    1. Click on Add a new snippet.


    2. A popup window will appear asking you to name the file. Name it exactly ezfy-video-player-product-page and click Done.


  3. From the file you have downloaded, copy the code from ezfy-video-player-product-page.txt.
  4. Paste it into the new snippet file you just created.


  5. Click save.

Step 2: Inserting the Video Player on Your Product Page

  1. In the left-hand sidebar, search for main-product.liquid.

  2. Once the file is open, press CTRL + F to open the search bar. In the search bar.

  3. Paste this on the top input:

    {{ product.description }} 

  4. Paste this on the bottom input:

    {% render 'ezfy-video-player-product-page', description: product.description %}

  5. Click on "Replace" and save.


Step 3: Adding the Video To Your Shopify Store

Now we need to host the video in your store to generate a URL so it can be used on the product page:

  1. From your Shopify admin, click on Content > Files > Upload Files.



  2. Select your video and upload it. 


  3. Hover over the uploaded video and click on the little chain icon to copy it.


  4. Now, on the left panel, click on Products and select the product you want to add a video to.


  5. In the description, type:

    <ezfycode>videourl.mp4</ezfycode>

  6. Make sure to replace the "videourl.mp4" with the URL you just copied from the Files page. 


  7. Save it and you're all set! See the video below, uploaded directly into the store and using Shopify's own custom video player:


Conclusion

Now you know how to easily add custom MP4 videos to your Shopify product descriptions without relying on YouTube or Vimeo. This method gives you full control over your video content, providing a more personalized shopping experience for your customers. Whether you're showcasing products in action or offering tutorials, embedding custom videos directly into your product page can significantly enhance engagement and boost conversions.

With these steps, you’ve successfully added a custom video player to your Shopify store. Keep experimenting with different video formats and content to see what resonates best with your audience. Happy selling!

Back to blog

Leave a comment

Related Articles