Header Background Video Setting

Hi,

I have 3 general queries. Appreciate your input on the same.

  1. While setting up a header I have placed a video as lower background. On PC the video in background is middle aligned (the full video is showing up). But when I am loading the page in mobile the background video is right aligned (The left half is showing up in display). I have tried different resolutions. But its the same. How to middle align the video in mobile?

  2. The video is used in header lower background. If I wish not to play the background video instead display solid color on mobile devices, how to implement that?

  3. What is the best video resolution for a full page. For example: pls look at this Integrity Header

Here revolution slider is used in header. If I wish to replace it with a video background, what would be the ideal resolution?

Thank you, Jay

Hi Jay,

Thank you for writing in, 1. and 2.) Please utilize the Poster Image option on the Background option, that Poster Image is the one will show on mobile devices.

3.) Use a video with 16:9 aspect ratio.

https://support.google.com/youtube/answer/6375112?co=GENIE.Platform%3DDesktop&hl=en

Hope it helps,
Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.