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-or-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 YouTube or Vimeo 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 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>

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 for instance allows you to upload videos in portrait mode.

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 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 .= '&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, autoplay on page load functionality, self-hosted videos & more check out WP Video Popup PRO!

Features:

• Multiple Popups on a single Page/Post
• Self-Hosted Videos (New!)
• Autoplay on Page-Load
• Adjustable Popup Size
• Overlay Background-Color Setting

Get WP Video Popup PRO today!