< Toggle Sidebar > Toggle Sidebar

Overlay Using Button

Introduction

The Video Overlay Using Button is a module that displays a button which when clicked triggers a video overlay.

The Video Overlay Using Button internally uses the in-built Button Divi Module. Therefore the design options of this module are the same as the Button Module.

Button Text

The Button Text field is used to input your desired button text.

Set the desired text for your Button Trigger
Set the desired text for your Button Trigger

Setting a Video Using Post Type

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

Once a button is created select if you want to trigger a video in your Post Type
Once a button is created select if you want to trigger a video in your 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).

HTML5 Video Options
HTML5 Video Options

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.

Video platforms only need a URL to play correctly.
Video platforms only need a URL to play correctly.

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