Video background for MOBILE ONLY [please help]

Shopify Discussion
1

On my shopify page i have a video background, it looks fine on desktop however it dosent fit nicely on mobile. Is there a way i can add a video background that shows on mobile version only? If so how do i do this? I would like the video background to show only on the mobile products page and opening page. Here are the links for both pages (they are different pages but look the same)-

PRODUCTS PAGE: https://c1e46d.myshopify.com/collections/all

OPENING PAGE: https://c1e46d.myshopify.com/

2

Just to be more clear, two different video backgrounds. The current desktop background to keep, and a new video background for mobile (fits better on mobile screen).