Trying to add a mp4 video to my home page which i have uploaded already through the files page but when i copy and paste the url link in the url section i keep receiving the error ‘‘This link is invalid. Try pasting a complete YouTube/Vimeo link’’
Hi @siloso12
It seems that your theme or the block you used only supports Youtube/Vimeo videos.
So you should upload your video to Youtube/Vimeo and copy the link to insert it
there.
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any questions!
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community! ![]()
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
Hi @siloso12 ,
Did you upload the link at the input of the section? Ex:
Shopify currently only supports entering URLs for YouTube or Vimeo, so when you upload the file URL, it won’t work. There will be 2 ways for you to solve it:
-
1: Upload the mp4 file to Youtube or Vimeo and re-enter the URL.
-
2: Change section to custom HTML section and add video tag HTML to it. Refer https://www.w3schools.com/tags/tag_video.asp
Hope it helps!
I finally figured out another way! ![]()
Go to Settings
Go to Files
Click Upload Files
Add your video file
Click on the Copy Link button all the way to the right
Go to Pages.
Type in a title that you would want displayed on your homepage.
Click on the link to add a video
Paste the link
Save
Click Online Store
Customize
Click on the plus sign to Add Section
Click on Page
Click on Select Page
Choose the page with the embedded video.
This should add the video without a YouTube URL!
If you want to make sure that the video is displayed properly on the mobile version of the website, you can paste your Shopify video link in this and then embed this version of the URL in the video page instead:
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }Let me know if this helps!
Hi,
Thanks alot for the info! I did like you explained and everything went well except only the page with link showed up that I need to press the link to play the video. Is the the way it’s played on your website as well?
many thanks in advance.
Nao
I can understand the frustration you’re facing when trying to add an MP4 video to your home page. It’s a common issue that can be a bit tricky to resolve. The error message you’re getting might be because the system is expecting a YouTube or Vimeo link, but you’re pasting a direct URL to your MP4 file.
