Different video for mobile and big screens?

Hi,

I have a hero section with a big photo banner showing a video. It’s working great, but the showing of the video is different on mobile phones compared to computers, due to I have put the video height to “screen” under sizing of the container.

I wonder if there’s a built-in way to choose a portrait-version of the video for mobile units, and then a landscape version for the bigger screens? There’s no blue dot to activate for the video.

Hi @Thomas1234no

You can show or hide the Video component at different breakpoints using the responsive Hidden toggle. That way you could have one video for mobile and a different one for desktop, swapping between them as the screen size changes.

You’ll find the control under Layout → Display → Hidden.

Hope that helps, let us know if you have any more questions! :slight_smile:

Ben - is that efficient though as both videos will load … won’t they, even though only one is shown ? Or do I misunderstand ?