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

Create a Responsive Video Popup

CMS Max Help Center / Video

Use the CMS Max Modal Dialog widget so focus, close controls, responsive width, and trigger behavior start from a supported component.

A video popup should use a clear trigger, responsive player, descriptive title, keyboard-operable dialog, and playback cleanup when the modal closes.

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

Use the CMS Max Modal Dialog widget so focus, close controls, responsive width, and trigger behavior start from a supported component.

A video popup should use a clear trigger, responsive player, descriptive title, keyboard-operable dialog, and playback cleanup when the modal closes.

Build with the Modal Dialog widget

  1. 01
    Open the content editor and Insert Widget.
  2. 02
    Select Modal Dialog. Configure a descriptive trigger label or meaningful thumbnail.
  3. 03
    Add the video embed inside the dialog content. Use a responsive aspect-ratio wrapper and a descriptive iframe title.
  4. 04
    Set an appropriate dialog width. Keep controls reachable on small screens.
  5. 05
    Test focus and playback. Verify keyboard open/close, Escape behavior, focus return, and whether playback stops after closing.

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