How can I embed a full-screen, looping, autoplay video on my home page?

Store Design
1

I would like to embed a video to my home page that goes from edge to edge of the screen. I also want it to loop and autoplay. Can anyone help me?

Here is a reference website for the type of video integration I want to include: https://www.cheekbonebeauty.com/

1 Like
2

@eg14

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Still building out the site, link is: https://weuthey.myshopify.com/

Thank you, I look forward to your help.

1 Like
4

@eg14

thanks but its password protect

5

Password temporarily changed to: ketan (for the next 36 hours). Thank you.

1 Like
6

@eg14

oh wow thanks for that, can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.video-section .page-width {
    padding: 0;
    max-width: 100%;
}
.video-section iframe {
    width: 100% !important;
}