Put a YouTube background video on the desktop version and a different one on the mobile version

How To
1

As I mentioned in the title, I am trying to set two different background videos, depending on whether you are on a PC or mobile device, but it is not working. The mobile version keeps the PC version, which is not ideal as many important parts are left out of the frame. How can I make it work?

2

Not quite sure how to do this.
Best guess is 2 video elements with a condition for operating system or so.

  1. iphone, android
  2. windows, mac os, ect
1 Like
3

How are you doing it? You can use custom CSS to add a breakpoint so that the right background video is shown depending on the user’s screen width.