How to add a video on my homepage without YouTube info

Highlighted
New Member
9 0 0

I want to add a video on my store's homepage but don't want any of the Youtube info (logo, title, bottom bar etc.) to appear in it. I've tried to edit the embed url I get from YouTube using rel=0 modestbranding=1 showinfo=0 etc. but nothing seems to work.

 

The other option I have is to upload the HTML5 MP4 file URL but this seems even harder. 

 

I'm not very familiar with coding.

 

Any help would be MUCH appreciated! 

 

 

0 Likes
Highlighted
Shopify Partner
468 85 109

Well, at first let us know which theme you're using ?

 

Also, how you are currently adding youtube video, via theme settings, for direct inserting it in theme files ?

Author: Hovhannes Sargsyan (aka sarhov).
An individual web developer focused on Shopify development.
Need more help? Feel free to send me a direct message or drop an email shopify@sarhov.com

Website: https://sarhov.com  
Email: shopify@sarhov.com
Skype: @sarhov
Messenger: @sarhov
Telegram: @sarhov
0 Likes
Highlighted
New Member
9 0 0

Hello I'm using the TURBO theme.

 

To post videos, I used to create a page and then add the embed Youtube url. I've never tried to edit the code before. 

0 Likes
Highlighted
Shopify Partner
468 85 109

So, you are switching into HTML mode in page dashboard and put the emmbed code from youtube  ?

Author: Hovhannes Sargsyan (aka sarhov).
An individual web developer focused on Shopify development.
Need more help? Feel free to send me a direct message or drop an email shopify@sarhov.com

Website: https://sarhov.com  
Email: shopify@sarhov.com
Skype: @sarhov
Messenger: @sarhov
Telegram: @sarhov
0 Likes
Highlighted
New Member
9 0 0

Yes, this is what I wanted to do, but since I have trouble removing the Youtube logos etc. from the embed url, I thought that maybe there is another way.

 

I would like my video to look like the one in the homepage of Vita Fede

 

No logos, no bars, no play buttons, just the video itself. What's the best way to proceed? I've seen that the video used in this case was from Vimeo.  

0 Likes
Highlighted
New Member
2 0 0

Did you find a solution to this? I have the same problem!!!

0 Likes
Highlighted
Shopify Partner
468 85 109

@Sofi_txu 

 

Well for that you need HTML5 video to be emmbed, so at first you should upload video files into files section, .webm and .mp4 formats, then again switch into HTML mode and past its code, of course don't forget to change urls to yours one (which you have already upload into files section).

 

<video loop="" muted="" autoplay="autoplay" preload="" id="vid">
    <source src="url_of_the_file.webm" type="video/webm">
    <source src="url_of_the_file.mp4" type="video/mp4">
  </video>
Author: Hovhannes Sargsyan (aka sarhov).
An individual web developer focused on Shopify development.
Need more help? Feel free to send me a direct message or drop an email shopify@sarhov.com

Website: https://sarhov.com  
Email: shopify@sarhov.com
Skype: @sarhov
Messenger: @sarhov
Telegram: @sarhov
1 Like
New Member
2 0 0

That is brilliant - I have just added an autoplay video to our homepage: https://oldschoolbeauly.com/

But on the mobile it is showing a black box with the play button etc...

Is there a way of getting it to auto-play on mobile??

I am using the Focal theme

0 Likes
Highlighted
New Member
3 0 0

where to put

<video loop="" muted="" autoplay="autoplay" preload="" id="vid">
    <source src="url_of_the_file.webm" type="video/webm">
    <source src="url_of_the_file.mp4" type="video/mp4">
  </video>

code?

0 Likes
Highlighted
New Member
3 0 0

i have somehow fit this into desktop view, but in mobile & tablets - it is going out of proportion.

can you please help

0 Likes