Adding a Youtube Short to My Store Home Page

[aminm1]

Hi Team,

Trying to add a you tube short of my Product to my store home page. A message as below comes:  

"This link is invalid. Try pasting a complete YouTube/Vimeo link"

Tried to reupload the vidoe to youtube to come as YouTube Link not YouTube short. Youtube turns to YouTube shorts which Shopify does not accept the link.

What is the workaround with this please to add Youtube Short to my home page or a different way of uploading the video to youtube so Shopify accepts the link?

Please advise.

[Abdosamer]

Hi @aminm1 , can you share the video link that you want to upload?

[aminm1]

There you go

https://www.youtube.com/shorts/KK3iYkvEB_k

[Abdosamer]

Try to use this link instead :
https://www.youtube.com/watch?v=KK3iYkvEB_k

[Hamptons1]

Hello. im having same issue. Please can you help me how to get the other YouTube Link please.

[aminm1]

Thank mate. it worked.

Can you please help how I can add product video to my product page? 

ElectronicsAsk™️ Bluetooth LED String Lights

[Abdosamer]

Ofcourse, first you need to upload the video to shopify :
Go to your shopify store admin area and choose from the left sidebar content then files and upload your file, then copy the link of the video.

-the next step is to go to the theme editor and choose Add section then choose custom liquid and add this code :

<style>
video {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
</style>
<video muted autoplay playsinline loop>
    <source src="your video link"
                  type="video/mp4">
</video>

instead of "your video link", put the link that you just copied. 

[aminm1]

Can you please send a snapshot picture of step by step where I need to copy please?

[Abdosamer]

Did you upload the video to shopify?

[aminm1]

yes I did

[Abdosamer]

copy the video link:

then go to the theme editor

[aminm1]

copied and this is where I am now

[Abdosamer]

You can click on add video and choose which video to upload, or click on add section the choose custom liquid and add the code I provided you and replace "your video link" phrase with the video link.

[aminm1]

This place just accepts YouTube and Vimeo link. Please advise if I am in right place.

[Abdosamer]

You don't see this option on the right side? :

[aminm1]

No. This is the snapshot.  Am I in the right place or the link has been removed from my Theme?

[Abdosamer]

ok, try to choose add section then choose custom liquid:

[Mywardroom]

Hey this answer really helped. 

But how do I hyperlink a url to this to redirect to another page?

[Sebomexemo]

I tried this option but my youtube short was way too big to view. So I tried using the liquid code and taking everything after shorts/ and after using that to replace <shorts video code> with the code below, my short video was as big as I liked and centered.

<div style="text-align: center;">
<iframe width="472" height="840"
src="https://www.youtube.com/embed/<shorts video code>"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
</div>