Skip to main content

Defer Video Module

"Deferring videos" is a technique that involves delaying the loading of videos on a web page until after the main content has loaded. The goal of deferring videos is to improve the performance of the website, especially on slow networks or for users with limited bandwidth.

When videos are deferred, the browser does not download and display them until the main content of the page has finished loading. This can help to reduce the amount of data that needs to be transmitted, which can improve the overall performance of the website and reduce the time it takes for pages to load.

Adding The Nitro Defer Video Module

In the Divi builder, add the Defer YouTube/Vimeo Video module.

Defer Video Module

Select YouTube Or Vimeo

Select YouTube Or Vimeo in Video Source.

Defer Images Settings Screen

Define A Preview Image Or Leave As Default

You have the choice to upload a unique snapshot for your video, or rely on the content itself to provide an effective preview. Defer Images Settings Screen

Add Video ID

Find the ID of your video and then insert it into the video ID box provided in our module. Please know that you must insert your video ID into the box title "YouTube ID" irrespective of if it is a Vimeo or YouTube video. You will get your video ID by looking at the URL of the video. The ID comes after the “=” or "/" sign. In the image below, the ID is: 3e9s2s6pdVM Defer Images Settings Screen Defer Images Settings Screen

Defer Video Settings

You may be wondering to yourself what the various features on the Defer Video Module tab accomplish. Here is a breakdown.

  • Autoplay: Make the video play automatically.
  • Mute on autoplay: Make sure that the video is muted when it starts playing.
  • Colour: Select the play icon colour.
  • Controls: Show the video controls.
  • FS (fullscreen): Allow the video to play full screen.
  • Loop: Make the video play over and over again.
  • Modestbranding: Remove the YouTube logo from the video player.
  • Rel: Show related videos or not.

To use any of these functions, turn on the corresponding switch. For clarity's sake, the Enabled switch means ON and the Disabled switch means OFF. After turning on your desired settings, click the Save Changes button at the bottom of the tab.

Defer Images Settings Screen