Our website uses cookies. By continuing to use our site, you agree to our use of cookies in accordance with our Privacy Policy.

Now powering .gov websites

Update a Background Video in CMS Max

CMS Max Help Center / Video

Optimize the video, preserve a poster and fallback, and verify crop, motion, loading, and text readability at every intended breakpoint.

CMS Max background video can use uploaded MP4 and WebM sources, muted inline autoplay, optional desktop and mobile files, and a reduced-motion fallback.

Browse all helpContact CMS Max
Update a Background Video in CMS Max CMS Max interface and guidance visual
CMS Max administration workspace. Available controls depend on the site, role, plan, theme, and installed plugins.

Optimize the video, preserve a poster and fallback, and verify crop, motion, loading, and text readability at every intended breakpoint.

CMS Max background video can use uploaded MP4 and WebM sources, muted inline autoplay, optional desktop and mobile files, and a reduced-motion fallback.

Prepare the files

  1. 01
    Export web-ready sources. A tool such as HandBrake can create compatible outputs; source complexity and quality determine file size.
  2. 02
    Upload through the CMS Max media workflow. Record the final media URLs and poster image.
  3. 03
    Replace the existing sources. Keep MP4 as a broad-compatibility source and add WebM when the workflow supports it.
  4. 04
    Use muted, playsinline autoplay only for decorative motion. Do not autoplay essential audio or instructions.
  5. 05
    Test performance and fallback. Include mobile data, reduced motion, a failed video request, and text contrast over representative frames.

Responsive source example

<video autoplay muted loop playsinline class="hidden h-full w-full object-cover md:block" poster="POSTER-URL">
  <source src="DESKTOP-URL.mp4" type="video/mp4">
</video>
<video autoplay muted loop playsinline class="h-full w-full object-cover md:hidden" poster="MOBILE-POSTER-URL">
  <source src="MOBILE-URL.mp4" type="video/mp4">
</video>

Turn the guide into a verified website change.

CMS Max can help confirm scope, configuration, integration boundaries, and launch testing for the actual site.

Talk with CMS Max

Building Relationships with Web Developers and Marketing Agencies that want better results

The world's fastest and most SEO friendly website code.

VIEW PACKAGES