WP Video Popup – Responsive YouTube & Vimeo Video Lightbox

Description

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

Use the shortcode

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

or

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

in your post, page or template file to embed your responsive YouTube or Vimeo lightbox popup.

To open the popup, add the CSS-class wp-video-popup to the element you wish to 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

Embedding videos can slow down your website. With WP Video Popup, the lightbox & video are only being loaded by the click on the trigger element.

Usage

Example Shortcode to display a YouTube video:

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

Example Shortcode to display a Vimeo video:

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

CSS class that needs to be added to the element you want to open the lightbox:

wp-video-popup

Trigger Element Example (Link):

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

Advanced

There is a filter available to add attributes to the embed-url that is being created from the video in the shortcode. By default, we only add the autoplay attribute to the embed-url.

In this example we remove related videos & the YouTube branding from the embedded video:

function prefix_your_custom_embed_url_attributes( $video_url ) {
    $video_url .= '&modestbranding=1&rel=0';
    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, autoplay on page load functionality, size & background-color options check out WP Video Popup PRO!

Features:

  • multiple popups on a single page
  • autoplay on page-load
  • adjustable popup size
  • background-color setting

Get WP Video Popup PRO today!

Screenshots

  • Desktop Example
  • Mobile Example

Installation

  1. Download the responsive-youtube-vimeo-popup.zip file to your computer.
  2. Unzip the file.
  3. Upload the responsive-youtube-vimeo-popup folder to your /wp-content/plugins/ directory.
  4. Activate the plugin through the Plugins menu in WordPress.

FAQ

Installation Instructions
  1. Download the responsive-youtube-vimeo-popup.zip file to your computer.
  2. Unzip the file.
  3. Upload the responsive-youtube-vimeo-popup folder to your /wp-content/plugins/ directory.
  4. Activate the plugin through the Plugins menu in WordPress.
How do i use this plugin?

WP Video Popup doesn’t create an admin settings page. To trigger and display the lightbox popup, please follow the steps under the Description tab.

The video doesn’t play automatically

We automatically add the autoplay attribute to the embed-url that is created from the video in the shortcode. That being said, the video should autoplay after the trigger element has been clicked. Some browsers have changed their autoplay policy and videos only start playing automatically when they’re muted.

You can filter the generated embed-url and add attributes like this:

function prefix_your_custom_embed_url_attributes( $video_url ) {
    $video_url .= '&mute=1';
    return $video_url;
}

add_filter( 'wp_video_popup', 'prefix_your_custom_embed_url_attributes' );

Reviews

Excellent Support!

Even though I had some unorthodox questions and requests, the author was more than willing to go out of his way to help me find a solution. Greatly appreciate his work and will happily recommend this plugin to anyone.

Excellent plugin & support

David is top class person who is willing to help you to make his product work no matter is it free or premium. That is something that needs to be appreciated today because it’s rarity! Thanks a lot David! You built excellent plugin that is maintained frequently which keeps security of a WordPress website on a high level.

Read all 14 reviews

Contributors & Developers

“WP Video Popup – Responsive YouTube & Vimeo Video Lightbox” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

2.2 September 23, 2018

  • New: filter to add attributes to the embed-url

2.1 September 4, 2018

  • New: minor tweaks & improvements

2.0 August 25, 2018

  • New: shortcode has changed to [wp-video-popup video=”link-to-your-video”] for YouTube videos and [wp-video-popup vimeo=”1″ video=”link-to-your-video”] for vimeo videos
  • New: instead of the embed url, the direct YouTube/Vimeo video link can now be used in the shortcode
  • Fixed: nesting the shortcode causes other elements overlapping the lightbox.
  • 100% backwards compatibility
  • minor CSS tweaks and improvements

1.1.2 05/16/2017

  • removed admin notice
  • updated plugin description

1.1.1 05/20/2017

  • Added: Elementor support – by adding !important to the video iframe width and max-width attributes to prevent Elementor (and others) from overwriting.

1.1 02-27-2017

  • stability & maintenance release
  • Added: use ESC-key on your keyboard to close the popup

1.0.1

  • Tweak: Increased z-index to make sure ryv-popup is on top

1.0

  • Initial Release