How to add a video not from youtube/ vimeo

Using iframe codes is an alternative way to upload a video to your page instead of embedding Youtube or Vimeo links.

Step 1: Upload your video from the Files page in Shopify and Copy the video URL. 

You can host your video on other sources at this step.

 

Step 2:  Prepare the iframe codes and replace the video URL source by yours. Additionally, you also can adjust the width and height depending on how you would like to display it. 

 

Example: 

<iframe width="853" height="480" src="https://cdn.shopify.com/s/files/1/0326/4269/5299/files/Screen_Recording_2020-04-20_at_16.18.11.mov?v=1587631498" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

 

Step 3: Inside the GemPages editor, drag and drop a Liquid module to your page.

 

 

Step 4: Right-click on the Liquid module and select Edit HTML.

 

 

Step 5: Copy the prepared iframe on step 2 and paste it into the HTML code panel.

 

 

Step 6: Hit Save on the HTML panel then Save. Preview the editor and check if the result satisfies you on the Preview mode.

 

These are all the steps to embed a video from other sources than Youtube or Vimeo on your page. 

 

Feel free to contact our support if you need further assistance. We're always happy to help! 


Was this helpful?