Video | SP Page Builder (Pro) - Documentation | JoomShaper

SP Page Builder (Pro)

Updated Last: 18 March 2024

Video

You can easily add your Youtube/Vimeo clip and mp4 to any page using the Video addon of SP Page Builder.

How to Add a Video Addon?

You can add the Video addon to your page from the SP Page Builder sidebar. Simply drag the addon from the Addons panel and drop it on the section of the page where you want to add a video.

Video Settings

The addon inline editor will open up when you click on the Video addon. You can access the addon settings here and customize the addon to fit your needs. 

YouTube/Vimeo

Video Addon Option

Video URL: Insert the URL of the YouTube or Vimeo video you want to display. 

Related Video: Enable to show the related videos. 

Turn Off YouTube Cookie: Enable to turn off YouTube cookie. 

Add YouTube Shorts: Enable this option to add Youtube Shorts as your video.

Show Author (Vimeo): Enable this option to display the owner or author for the Vimeo video.

Mute Video (Vimeo): Enable this option to mute the Vimeo video.

Show Author’s Profile Image (Vimeo): Enable this option to display the Vimeo video’s author profile image.

Show Video Title (Vimeo): Enable this option to display the Vimeo video title.

MP4

SP Page Builder 4.0

MP4: Use the upload option to upload a video in the MP4 file format.

OGV: Use the upload option to upload a video in the OGV file format.

Show Controls: Enable to show the video controls (play button, sound button, etc.) on the player. 

Loop: Enable to play the video on loop. 

Mute Video: Enable to play the video without any sound. 

Autoplay: Enable to autoplay the video on the web page. 

Note: Starting from April 2018, most browsers (Chrome, Firefox, Safari) changed the Autoplay policy. Videos even if they have enabled the autoplay option will not start automatically anymore. It is not related to YouTube, it is simply a browser policy.  

Note: YouTube page load is 5x slower in Firefox and Edge than in Chrome because YouTube's Polymer redesign relies on the deprecated Shadow DOM v0 API only implemented in Chrome. 

Poster

SP Page Builder 4.0

For self-hosted videos, you can set the thumbnail image of the video here.