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>

Shortcode Attributes

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

Remove related videos from a YouTube video:

hide-related="1"

Mute video by default:

mute="1"

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

start="24"

Example Shortcode:

[wp-video-popup mute="1" hide-related="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, we only add the autoplay attribute 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, 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!