Removing cover photo, play button and letterbox from video on homepage?

Store Design
,
1

Hello, I have a video on my homepage that I want to completely remove the cover photo, play button, and black bars/letterboxing from it and was wondering if any of that can be done via shopify. I am sure its all coding, but wouldn’t know how to do it.

2

@diamondthrills Could you please give your website URL? It will make it much easier for me to address your problem.

Thanks

3

https://diamondthrills.com/

Password to enter: DiamondThrills!

4

Hey @diamondthrills for that you need to add a css and js code into your editor files.

Add css to the “component-deferred-media.css” file.

video::-webkit-media-controls-panel {
    display: none !important;
    opacity: 1 !important;
}

Add js to your js file.

window.onload=function(){
  document.getElementById("Deferred-Poster-Modal-36639863537969").click();
};
5

Hello! thanks so much for your help thus far. I added the first one css but im a little confused on where and which js file is. Sorry, totally new to this. Figured it out, thank you so much! The only thing is the video doesn’t play on command when the home page opens, you still have to click the video to start it…is there another code to change that by chance?

6

Hey @diamondthrills you can search for “global.js” and add the code at the bottom.

Thanks

1 Like