How can I hide the background video section on desktop and mobile?

Sorry to bothering you guys,

when I working on my website I found that I can't use same section to show different background video with desktop and mobile mode due to the video ratio problem.

So I created to different video which are horizontal version and vertical version of it.

I put both of it on my page, but I don't know how to hide the horizontal one in mobile mode and also hide the vertical one in desktop mode at the same time. Sorry I totally don't know how to solve this problem with css coding even I have read lots of thread over internet.

My website is kenjichim.work and the password is 12345678.

Appreciate if anyone can help

Hello everyone,

I would like to put a video background on my homepage but I would like this one to also adapt to the mobile format.

I have both sizes.

Is there a way to hide desktop video on mobile and vice versa?

Thank you so much !

https://lute-turquoise-zy7w.squarespace.com/config/

On 8/15/2023 at 3:03 PM, noemieseguy said:

Hello everyone,

I would like to put a video background on my homepage but I would like this one to also adapt to the mobile format.

I have both sizes.

Is there a way to hide desktop video on mobile and vice versa?

Thank you so much !

https://lute-turquoise-zy7w.squarespace.com/config/

 

 

 

You can add 2 videos first, then we can give code to show - hide on desktop/mobile