How to show a different homepage banner video on mobile (different from the desktop video)

Hello,

The banner homepage video for my website on desktop looks amazing, however it doesn't translate the same on mobile. I want to add a different banner video on my mobile site (that I have created specifically for this version of the site), however when I go in and add the mobile version of the video, the desktop view uses the new video as well (which seems counteractive as I created the new video only for mobile because I love the original desktop version). 

Could someone please help me with a solution, perhaps a Custom CSS or Code Injection could do the trick? (however I do not know what code to use) the URL slug is /home (and I want to change just the banner displayed on mobile vs desktop the rest of the content fits perfectly fine).

Thank you so much for your help in advance 🙂

Hi,

You can add 2 videos, then share site url, we can give you code to show 1 on desktop, show another on mobile

Sounds good! What would the code be to do this?

On 12/6/2023 at 7:33 AM, lil009 said:

Sounds good! What would the code be to do this?

You can share link to your site, or add 2 videos then share link, we can check code easier