Add customisez video to password page

[tmcntbstpd]

Hello I've looked into some feedbacks, I'm trying to put a video as a backgrounf for both mobile and pc version.

But I am trying to put my own video not to copy some links from here and there. The video need to be lopped.

Tanks in advance!

[Liquid_xPert_SJ]

@tmcntbstpd 

yes it can be done via some custom code.

[tmcntbstpd]

Okay so any idea how I can get this code or build this code or where sould I educate myself on doing that? 

[Liquid_xPert_SJ]

@tmcntbstpd 

kindly follow steps below:

1. Go to your Online store > Themes > Edit code
2. Open your password.liquid file
3. Paste the below code

<video id="background-video" autoplay loop muted poster="https://assets.codepen.io/6093409/river.jpg">
        <source src="https://assets.codepen.io/6093409/river.mp4" type="video/mp4">
      </video>

CSS CODE

<style>
#background-video {
  height: 100vh;
  width: 100vw;
  object-fit: cover;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
 @media (max-width: 750px) {
    #background-video { display: none; }
    body {
      background: url("https://assets.codepen.io/6093409/river.jpg") no-repeat;
      background-size: cover;
    }
}
    </style>

and that's it..please hit like and accept the as solved if this is helpful for you.

Thanks