Responsive Youtube & Vimeo Video Popup

plugin banner

Create responsive Youtube and Vimeo Video lightbox popups in WordPress.

Author:David Vongries (profile at wordpress.org)
WordPress version required:4.0
WordPress version tested:6.4.1
Plugin version:2.9.6
Added to WordPress repository:14-10-2016
Last updated:01-12-2023
Rating, %:82
Rated by:40
Plugin URI:https://wp-video-popup.com
Total downloads:236 936
Active installs:10 000+
plugin download
Click to start download

The best WordPress video lightbox plugin!

WP Video Popup lets you add a responsive YouTube or Vimeo video lightbox to any page, post or custom post type of your website.

Add beautiful, minimalistic video lightbox popups to your WordPress website with just a few clicks & without sacrificing performance.

Use the shortcode

[wp-video-popup video="link-to-your-youtube-or-vimeo-video"]

in your post, page, custom post type or template file to add a responsive YouTube or Vimeo video lightbox to your WordPress website.

To open the lightbox, simply add the CSS-class

wp-video-popup

to the element you wish to open/trigger the lightbox.

GDPR compliance

WP Video Popup is 100% GDPR compliant. No connection to YouTube or Vimeo is established before the trigger element has been clicked.

Page speed & performance

Embedding YouTube or Vimeo videos can slow down your website. With WP Video Lightbox the video is only being loaded by the click on the trigger element for the maximum performance & fast loading speeds.

Fully responsive

The WordPress video lightbox is fully responsive and adjusts to the device width & height the video is viewed on.

Usage

Example shortcode to display a YouTube video lightbox:

[wp-video-popup video="https://www.youtube.com/watch?v=YlUKcNNmywk"]

Example shortcode to display a Vimeo video lightbox:

[wp-video-popup video="https://vimeo.com/136696258"]

CSS-class that needs to be added to the element you want to open/trigger the video lightbox:

wp-video-popup

Trigger element example (link):

<a href="#" class="wp-video-popup">Play Video</a>

Shortcode attributes

There are attributes available to add parameters to the embed-URL that’s dynamically generated from the video link provided in the shortcode.

Mute video:

mute="1"

Hide related YouTube videos:
Since September 2018, hiding related videos is no longer possible. Instead videos from your channel will be shown.

hide-related="1"

Start video at a specific time (value in seconds):

start="24"

Portrait mode (Vimeo only):

portrait="1"

Example shortcode with shortcode attributes:

[wp-video-popup mute="1" start="24" video="https://www.youtube.com/watch?v=YlUKcNNmywk"]

Advanced

In addition to the shortcode attributes, there is a filter available that allows you to add more parameters to the embed-URL. By default, only the autoplay attribute is added to the embed-URL.

In the example below, we use the filter to remove the YouTube branding from the video by adding the modestbranding parameter:

function prefix_your_custom_embed_url_attributes( $video_url ) {
    $video_url .= '&amp;modestbranding=1';
    return $video_url;
}
add_filter( 'wp_video_popup', 'prefix_your_custom_embed_url_attributes' );

WP Video Popup PRO

For multiple popups on a single page, video galleries, autoplay on page load, self-hosted videos & more check out WP Video Popup PRO!

PRO Features:

  • Multiple popups on a single page/post
  • Self-hosted videos
  • Video galleries
  • Autoplay on page load
  • Adjustable popup size
  • Overlay background color setting

NEW! – Create galleries with WP Video Popup PRO:

Get WP Video Popup PRO today!

What’s next?

If you like WP Video Popup make sure to check out our other products:

  • Page Builder Framework – A fast & minimalistic WordPress theme designed for the new WordPress era.
  • Ultimate Dashboard – The #1 WordPress plugin to customize your WordPress dashboard and admin area.
  • Better Admin Bar – The plugin to make your clients enjoy WordPress. It replaces the default admin bar to provide the best possible user experience when editing & navigating a website.

Screenshots
FAQ
ChangeLog