We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Add video to homepage Prestige Theme without using Youtube or Vimeo

Add video to homepage Prestige Theme without using Youtube or Vimeo

JWDMK
Excursionist
20 1 3

It seems that using embedded Youtube vids are killing side speed. I was wondering how i could replace the video on homepage on prestige theme with a uploaded video on Shopify itself while saving the exact ux (video can be seen through menu and mobile responsiveness). So basically keeping everything exactly the same as it is but just use an uploaded vid from shopify instead of hosting it on youtube and then use the link..

 

The website is www.suitsuit.com

 

@KetanKumar ? 🙂 

Replies 5 (5)

suyash1
Shopify Partner
11112 1367 1751

@JWDMK - you will need to upload your video to files section , which you can find from settings at bottom of shopify admin. This video should not be more than 20MB.

 

Then you will need to add custom liquid or html section to home page where you want video and then using html video tag you can use uploaded video URL to show video on homepage.

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com

ExpertRookie
Shopify Partner
1518 249 326

@JWDMK 

 

I understand you want to host your video on Shopify instead of Vimeo and YouTube

 

NOTE:  Make sure that you use MP4 video format and your video file is smaller than 20MB

 

Step 1: Upload your video on the Files page:

  1. From your Shopify admin, go to Settings > Files.
  2. Click Upload files.
  3. Select the video to upload. Click Open.
  4. Copy the URL of the video and store it somewhere (you 'll need it later😞

Screenshot (19).png

Step 2: Add HTML video code to custom HTML section of Prestige theme:

<video style="max-width:100%,height:auto" controls="">
  <source src="your_video_url_here" type="video/mp4">
Your browser does not support the video tag.
</video>

Screenshot (20).png

 

Try it and let me know

- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.
JWDMK
Excursionist
20 1 3

HI, thanks a lot but this just adds the video to the home page but doesnt give the same experience as the current video. For example the video is seen through the menu etc. compare the two printscreens 🙂 

JWDMK
Excursionist
20 1 3

See the screenshots here: 
How we want itHow we want itHow we want itHow we want itYour provided solutionYour provided solution

MRamzan
Shopify Partner
533 3 46

Add video on home page in any theme:

 

Hire Me:

WhatsApp: +91-9145985880
Email: mohdramzaan112@gmail.com
Skype: mohdramzaan112