How can I hide a video on mobile using CSS media queries?

Store Design
1

Hi I need help with a video that I don’t want showing in mobile I know about the code @media (max-width: 767px) but I don’t really know how to fit it in to my coded video. would love some help!

video { display: block; margin: 0 auto; width: 100%; height: 100%; }

this is the code for the video!

2

Use css with media query:
3

Thanks! but where do I put the video link and how I want it to look?

4

Put it where you need it.
use it directly in theme files or use it with theme settings section custom html

5

Yes I want to put the code into a custom html or a liquid block on the site but don’t know where to place my video code in to the code you wrote to make it work.

Would it be possible for you to put my code in to yours and write it here?