< Toggle Sidebar > Toggle Sidebar

Overlay Using Image

Introduction

The Video Overlay Using Image is a module that displays an image which when clicked triggers a video overlay.

The Video Overlay Using Image internally uses the inbuilt Image Divi Module. Therefore the design options of this module are the same as the Image Module.

Image URL

The Image URL field is used to upload your desired image.

Video Overlay Using Image - URL Option
Video Overlay Using Image – URL Option

Setting a Video Using Post Type

The plugin ships Videos post type. You can use data from a video post type to render the video for this module.

Select overlay from the Video Post Type
Select overlay from the Video Post Type

To achieve this:

  • Set the Use Video Post Type field to YES
  • Select a video post from the Select Video Post Type drop-down.

Setting a Video using HTML5 video

Use this setup to show self-hosted HTML5 videos (mp4/webm format).

Trigger and HTML5 video from Image
Trigger and HTML5 video from Image

To achieve this:

  • Set the Use Video Post Type field to NO
  • Select HTML5 Video Player as the Video Type
  • Enter the MP4 format video in the MP4 Video field
  • Enter the WebM format video in the WebM Video field.

Setting Youtube/Facebook/Vimeo Video

Use this setup to show Youtube, Facebook or Vimeo videos.

Trigger Youtube, Vimeo or Facebook from Image
Trigger Youtube, Vimeo or Facebook from Image

To achieve this:

  • Set the Use Video Post Type field to NO.
  • Select Youtube/Vimeo/Facebook as the Video Type
  • Enter Youtube, Vimeo or Facebook url in the Video URL field.

Save & Exit

Video Toolkit Plugin for Divi

Video Toolkit Module & Plugin

Manage all your videos in a single post type with Divi modules and triggers for on page placement. 
Learn More