How do I make custom liquid video full page on mobile?

Store Design
1

I’ve made a custom liquid section for the homepage where there’s a video. The video fits the fullscreen when in desktop form however for mobile it does not. I want to make it so it fits the whole screen when on mobile. Here is the custom liquid code that I’ve made for the homepage.

Screenshot 2023-12-30 at 00.25.27.png
Screenshot 2023-12-30 at 00.25.27.png285×370 8.68 KB

Screenshot 2023-12-30 at 00.25.34.png
Screenshot 2023-12-30 at 00.25.34.png286×358 9.94 KB

2

Hi @PM98 , can you share your store url?

3

Can I message you privately?

4

@PM98 , Yeah, send it to me.

5

Sent you a message!

6

@PM98 , Add the following code inside the tag :

@media (max-width:768px){

video {
    width: 100%;
    height: 100vh;
    display: block;
    margin: 0 auto;
    object-fit: cover;
    
}

}