Change background video source to Shopify CDN | Prestige Theme

Hi,

I want to change the video source to Shopify CDN. Not one video section offers this within Prestige Theme. They only offer links from YouTube of Vimeo which is very annoying and looks terrible because I am not able hide all unwanted controls, add and other layovers over the video.

I know other themes offers the CDN source possibility and therefor I was wondering if this is something I could change myself in the section code and or maybe you’ve already seen a solution to this same request in a former post and could send me the link?

Hope anyone can help me out with this!

Hi @Teddy9 , you can:

  1. Hide the video section from theme settings

  2. Add new custom liquid section

  1. Upload your video (must be mp4 file extension ). You could refer this article

  2. Copy the custom code and paste it to the Custom Liquid in theme section. This link will explain more about

Please try it and let us know how it goes.

That was fast! Appreciated it very much and will try it out immediately. Keep you posted!

1 Like

This is an advanced customization with a lot of possible steps.

Basically under the hood the settings for that template, or the settings schema is a video_url type:

https://shopify.dev/themes/architecture/settings/input-settings#video_url

Which only accepts vimeo and youtube urls.

You’d need to change that to accept any arbitrary url, or just be text

https://shopify.dev/themes/architecture/settings/input-settings#url

Also keep in mind just changing the setting type may not be enough and that the liquid that previous rendered a vimeo or youtube video embed now needs to be changed for any knock on effects on just inserting a html video element.

If you just need the customization taken care of you can contact me, info in signature please provide context.

Hi @GemPages ,

I copied the code and pasted it into a custom liquid section at the front end theme editor. I still have some additional questions in regards to some adjustments. I prepared a slide for your reference. Hope this is enough for to shed your light onto it.

Thanks for your help.

Hi @Teddy9 ,

I checked but I can’t see the first banner on your store. May I know if you updated it? The screenshot below is on my side