Skip to main content

Defer Video Module

What it does

The Defer Video module shows a lightweight preview image and only loads the YouTube or Vimeo player after the visitor clicks play. That keeps heavy video embeds off the initial page load.

Nitro 5 includes a Divi 5 Visual Builder module with conversion from the Divi 4 module, privacy-enhanced embeds, aspect ratio options, keyboard-friendly play controls, and ACF OEmbed/image selection for dynamic videos. Matching Divi 4 or Divi 5 assets load only when the module is on the page.

Where to find it

  • Divi 4: Add Defer YouTube/Vimeo Video in the Divi Builder
  • Divi 5: Add the Defer Video module in the Visual Builder (existing D4 modules can convert)

Global play icon / related defaults may also appear under Nitro Settings for the module.

Divi 4 setup

  1. Add the Defer YouTube/Vimeo Video module.
  2. Choose YouTube or Vimeo.
  3. Paste the video ID (the part after = or / in the video URL).
  4. Optionally upload a custom preview image, or let Nitro pull a thumbnail.
  5. Configure autoplay, mute, controls, loop, colour, and related options.
  6. Save and test on the front end.

Divi 5 setup

  1. Open the page in the Divi 5 Visual Builder.
  2. Insert Defer Video.
  3. Set the video source, ID or dynamic ACF OEmbed/image fields as needed.
  4. Choose aspect ratio and privacy-enhanced embed options when required.
  5. Confirm keyboard play controls work when tabbing to the preview.
tip

Replace standard Divi Video embeds that always load the player with Defer Video on media-heavy pages.

Common options

OptionPurpose
AutoplayStart playback automatically (usually with mute)
Mute on autoplayRequired by many browsers for autoplay
Preview imageCustom poster; optional auto thumbnail from YouTube/Vimeo
Controls / fullscreen / loopPlayer chrome behavior
Play icon colour / custom iconMatch your brand
Privacy-enhanced embedUse privacy-friendly host endpoints when available

What's Next