How can I add a background video to my password page?

[Genius0]

Hello guys! Can someone please guide me how to do a background video for my pasword page kinda like this?:

https://trikkobrand.com/password, its just an example, I need another gif. Thanks!

[Henry_dev]

Hi @Genius0 what your store url? I will help you check

[Genius0]

https://unbnd.store/password

[Henry_dev]

Hi you can try this code:

1. Go to your shopify admin.
2. Left side bar click on the online store.
3. You will see the list of theme. On live theme click on “action”. and click on “edit code”.
4. Now you will see the list of file. find the file “password.liquid” open this file and add below code

body {
 background-color: #020202;
 background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.89)),to(rgba(0,0,0,.89))),url(https://cdn.shopify.com/s/files/1/0054/3391/7538/files/noise_giphy.gif?v=1674814293);
 background-image: linear-gradient(180deg,rgba(0,0,0,.89),rgba(0,0,0,.89)),url(https://cdn.shopify.com/s/files/1/0054/3391/7538/files/noise_giphy.gif?v=1674814293);
 background-position: 0 0,50% 50%;
 background-size: auto,400px;
}

.header-wrapper {
 background: transparent;
}

.banner__media {
 display: none !important;
}

.newsletter__wrapper,
.footer {
 background: transparent !important;
 color: #fff !important;
}
.newsletter__wrapper .email-signup-banner__heading,
.newsletter__wrapper h2 {
 color: #fff !important;
}