Skip to main content

Search Divi Plus Documentation

Search for answers or browse our knowledge base.
Explore Divi Plus's Live Demo

Print

Facebook Embedded Video

Overview of the Facebook Embedded Video module

This page shows you how to add the Facebook Embedded Video module to your page and explains every setting in its Content, Design and Advanced tabs, with screenshots. The Facebook Embedded Video module plays a public Facebook video on your page. For more details, view the demo.

Facebook Embedded Video module on the frontend
The Facebook Embedded Video module on the frontend.

How to add the Facebook Embedded Video module to your page

  1. Open your page in the Divi Visual Builder.
  2. Click the gray (+) icon inside a row to add a new module.
  3. Search for DP Facebook Embedded Video in the module search box.
  4. Click the module to insert it. Its settings open on the right.
Adding the Facebook Embedded Video module in the Divi Visual Builder
Search for DP Facebook Embedded Video in the Insert Module window.

Content tab settings

The Content tab holds the module’s own settings, grouped in the toggles below. Link, Background and Element Label are the standard Divi options.

Facebook Embedded Video Content tab
Facebook Embedded Video: Content tab.

Configuration

Facebook Embedded Video Configuration settings
  • Facebook APP ID: Enter the facebook app id.
  • Post URL: Enter the absolute URL of the facebook video.
  • Frame Width: Increase or decrease the video width. Min is 220px.
  • Enable Lazy Loading: Choose to use the browser’s lazy-loading. The browser does not render the comments if it’s not close to the viewport.
  • Autoplay: Automatically start playing the video when the page loads. The video will be played without sound (muted). People can turn on sound via the video player controls. This setting does not apply to mobile devices.
  • Allow Fullscreen: Choose to allow the video to be played in fullscreen mode.

Display

Facebook Embedded Video Display settings
  • Display Captions: Enable or disable show captions (if available) by default. Only for desktop.
  • Display Text: Set to on to include the text from the Facebook post associated with the video, if any. Only for desktop.

Design tab settings

The Design tab lets you style each part of the module:

  • Alignment: styling options for the alignment.
  • Sizing, Spacing, Border, Box Shadow, Transform, Animation: the standard Divi design options for the whole module.
Facebook Embedded Video Design tab
Facebook Embedded Video: Design tab.
Facebook Embedded Video Alignment design settings
Alignment settings.
Facebook Embedded Video Sizing design settings
Sizing settings.

Advanced tab settings

The Advanced tab has the standard Divi options: Attributes (add a CSS class or ID), CSS, HTML, Conditions, Interactions, Visibility, Transitions, Position and Scroll Effects.

Facebook Embedded Video Advanced tab
Facebook Embedded Video: Advanced tab.
Table of Contents