BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Guide

Video Box Pro

How to set up and style the Video Box widget in Elementor.

Video Box shows one video behind a cover image with a play button. The video plays in place or in a popup, and a video playing in place can follow the visitor in a corner of the screen while they scroll. It works with YouTube, Vimeo, the media library or a direct file link, and the player loads only when the visitor presses play.

Part of: Bright Addons Pro. Before you start: A YouTube or Vimeo video link, a video file in the media library, or a direct link to an MP4 or WebM file.

Set it up

  1. Drag Video Box onto the page and choose the Source.

  2. Paste the Video Link for YouTube or Vimeo, choose a Video File, or type a File Link.

  3. Set Plays to In place or In a popup.

  4. For a video that plays in place, switch on Follow in a Corner While Scrolling and pick the Corner if wanted.

  5. In Cover, choose a Cover Image, a Shape and a Play Button Effect.

  6. In Player, set Start At (seconds), Muted, Repeat and Player Controls.

  7. Style the frame, play button, title and popup in the Style tab.

Content options

Video

Option What it does
Source Where the video comes from: YouTube, Vimeo, Media Library or File Link.
Video Link The address of the YouTube or Vimeo video.
Video File A video chosen from the media library.
File Link A direct link to an MP4 or WebM file.
Title Read by screen readers and shown on the cover when Show Title and Length is on.
Length The video length shown on the cover, for example 2:45.
Plays Plays the video in place or in a popup.
Follow in a Corner While Scrolling Once it plays, the video moves to a corner of the screen when the visitor scrolls past it.
Corner The corner the small player sits in.
Start When Seen (Muted) Starts the video without sound as soon as it is on screen.

Cover

Option What it does
Cover Image The image shown before the video plays. Empty uses the YouTube thumbnail for YouTube videos.
Shape The shape of the frame: 16:9, 21:9, 4:3, 1:1 or 9:16 (vertical).
Play Icon A custom icon for the play button.
Play Button Effect Animates the play button with a Ripple, a Pulse or nothing.
Show Title and Length Shows the title and length on the cover.

Player

Option What it does
Start At (seconds) Starts the video at this point.
Muted Starts the video without sound.
Repeat Plays the video again when it ends.
Player Controls Shows the player's own controls.
YouTube Privacy Mode Loads YouTube videos from youtube-nocookie.com.
Bright Addons Pro

Unlock this and 79 more Pro widgets

One license gives you every Pro widget, all 10 extensions, the Theme Builder and priority support. From $18 a year, with a 14-day money-back guarantee.

Style options

These sections are in the Style tab.

  • Frame

    widest size, alignment, border, radius, shadow, cover shade color and zoom of the cover on hover.

  • Play Button

    size, icon size, radius, icon and background colors in normal and hover states, border and shadow.

  • Title and Length

    typography and color of the title and the length, and the background of the length.

  • Corner Player and Popup

    width of the corner player and its distance from the edges, popup width and popup background.

Tips

  • Only YouTube videos get a cover by themselves. For Vimeo, media library and file link videos, choose a Cover Image.

  • The YouTube thumbnail is loaded from YouTube's image server. Choose a Cover Image to load nothing from YouTube before the visitor presses play.

  • Follow in a Corner While Scrolling and Start When Seen (Muted) only work when Plays is set to In place.

  • Start When Seen (Muted) loads the video service as soon as the video is on screen, without a click.

Questions and answers

Does the video slow down the page?

The YouTube or Vimeo player is not loaded until the visitor presses play. Before that, only the cover image and the play button are on the page.

Can visitors close the small corner player?

Yes. It has a close button that pauses the video and puts it back in its place on the page.

Can a video start by itself with sound?

No. Browsers only allow videos to start by themselves without sound, so Start When Seen plays muted.

What happens when the popup is closed?

The player is removed, so the video and its sound stop at once.

Need more help?

Check the troubleshooting guide, or contact support with the page address and what you expected to happen.

Troubleshooting guide
All guides