How can I fix the white space issue on my custom HTML site?

[Radu114]

https://snkr-up.myshopify.com/ this is my website and my code works fine, i got it from chat gpt but the square as u can see it not 100% on the whole store, u can still see the white color on the sides 

this is the code i got that i also use on booster theme 

<video autoplay="" loop="" muted="" playsinline="" style="width: 100%;">
<source src="https://cdn.shopify.com/videos/c/o/v/91eea6e01b284003a0ca10d3a50859f6.mov">
</video>

<script>
document.addEventListener("DOMContentLoaded", function(event) {
var video = document.querySelector("video");
video.play();
});
</script>

[ZenoPageBuilder · Accepted solution]

Hello @Radu114 

You can update the code like this

<video autoplay="" loop="" muted="" playsinline="" style="width: 100vw; position: relative; left: 50%; transform: translateX(-50%);">
<source src="https://cdn.shopify.com/videos/c/o/v/91eea6e01b284003a0ca10d3a50859f6.mov">
</video>

<script>
document.addEventListener("DOMContentLoaded", function(event) {
var video = document.querySelector("video");
video.play();
});
</script>

The result

[Radu114]

It worked!!!! Thank u!!!!

[ZenoPageBuilder]

You are welcome. Hope you the best!