...
Video background - desktop
|
|---|
Mobile video with option to keep copy on top of video
Mobile video with copy below video
|
...
Used When
Used to showcase a high quality image and capture user attention. Works well on high level Pages, Newsroom Posts, and Update Magazine posts.
- Background photo option: used with a high quality photo to make an impact and add interest to a page; often used with an environmental portrait photo and a quote from the person in the portrait.
- Background pattern option: used to call attention to a quick fact, or to highlight important information.
- Full-width stat option: used to call attention to a quick stat.
- Background video option: use sparingly as too much motion on a page can be an unpleasant user experience. B-roll style video only.
Examples:
- Companies & Recruiters page
- background photos
- stat layouts
- Update Magazine article
- background photo with parallax
- Home page - Madison section
- background photo
- Sample block page - Private page, must be logged into WordPress
- many examples
...
- The ideal video file size is 5MB or less for both desktop and mobile. Optimize the video as much as possible to help keep the file size down as much as possible.
- Mobile video must be 5MB or less.
- Remove the audio from the video (removing the audio from the video file will also help keep the file size low).
- Ideal resolution is 1920x1080 (Full HD) for desktop and 1280x720 (HD) for mobile video.
- Ideal format - mp4
- Aspect ratio is 16:9
- Ideal video length is around 6-7 seconds. It will play in a loop. Note that the higher the quality of the video, the shorter the video length will need to be.
...
Implementation
...