Streaming live at 10am (PST)

Responsive Video Assets

Does the background video component allow you to have different videos for different breakpoints? I’d love to have a 16:9 video play on desktop and a 9:16 video play on mobile. Anyone know if that’s possible?

You can control the ratio of your elements by using % unit on top or bottom height padding. And as it’s CSS, you can set two different ratios on desktop and mobile.

Demo here:

Or in case you meant actually different videos - you need to create two video elements and turn one off and one on with the display property on the breakpoints as necessary.