Hi,
Is there a way I can select the MP4 that I uploaded to Shopify (via settings>files>upload file) on the Debut homepage?
As it stands I have embedded a YouTube vid - but it feels a tad unprofessional to have YouTube logos plastered everywhere (and recommended videos at the end etc).
Any help will be much appreciated.
Link: www.bimbledesign.com
Password: thankyouforyourhelp
Cheers
Ryan
Hi Ryan,
You can try this:
In your Shopify customizer, add a new custom section. Then remove the default options which should be an image and talk about your brand block. Then click on add content and choose custom HTML. Once it gives you the option to add text, paste the following code:
Just replace the {your-video-url} with the link to the video that you uploaded to Shopify. Adjust the height and width that you would like the video to be and then you can add text between the tags or remove it.
@PieterB22 that was much easier than I anticipated - youāre a star! Thank you.
Iām being greedy now, but is there way to add some code for the following:
auto-fit for all screen sizes (I adjusted the width for desktop, but when I checked on mobile, 60% of the video was missing).
auto-play when a user scrolls past?
Thanks again!
Ryan
Youāre welcome.
Alsoā¦ this should fix your problem for bothā¦
Just replace the code you added to the custom HTML block with the code above, add your video url/link again and you should be on your way. You can also choose to mute the video or not. Just remove the muted text inside the
The video will now play as soon as it reaches the center of the screen and stop playing as soon as it exits the screen.
Ahh works perfectly - you legend! 
I removed the muted text as you suggested and also updated height to 100% (from 600) as it was looking a bit ātallā on mobile.
Really canāt thank you enough, though. Iāve seen thread after thread trying to find this exact fix. Iāll send them this way.
Cheers
Ryan
HI!
Iām using Debut.
I created a duplicate theme.
I created a custom section.
Added the code to the section to it from your post.
Inserted the shopify link for my mp4 file
Saved.
Go to Customize theme
Open the duplicate theme.
Add section - custom content
And it shows the ācustom contentā with talk about brand, add photo.
I feel like Iām overlooking something incredibly simple.
How do I get the ācustom contentā section to reflect the new coding?
Thank you for your guidance.
Decli
Your info and coding worked out perfectly, except the video wonāt play. Any suggestions?
Have you checked it in āliveā view? Sometimes it doesnāt look active when
youāre in the building mode.
I am creating it on a copy but even when I preview, it is just a black video that wonāt play.
Ahhh, then thereās something wrong. Go back through everything step by
step, esp the codingā¦ Iām just a regular shop owner.
Same here, and your page looks great by the way! Did you use the code provided in this thread? Or something else? I just canāt seem to view the video, but the code is there with my video link that is stored in the files section. So frustrating!
Ohhh! Please do a community search ā¦ I posted a solution because I
couldnāt get the one provided to work. Itās totally different!
Thanks so much! I just found it and will check it out now!!!
My YOUTUBE Video needs a replacement of an old shoo advert. how can I get rid of that?
I donāt know a lot about MP4 files from Debut, considering I donāt use it. But with the site I use, https://www.fastreel.com/montage-maker-online.html, itās pretty simple. I make the video, then download it on the computer. No logos or something like that. Then I think I can upload it anywhere. You should try to use the code given or simply use another platform. If you do, however, find the solution, please let us know. From what Iāve heard in the comments, youāre not the only one stuck with this problem.
Hallo, ich habe eine Frage zu deiner Lƶsung. Ich weiĆ leider nicht wo ich den html Code einfĆ¼gen soll. Ich finde leider nicht die richtige Stelle wo ich meine Startseite bearbeiten kann.
Danke
The inline scripting for the video is awesom, and everything finally works for me, however, there seems to be a lot of padding on mobile, is there a fix for this?
