Video PopUp Plugin For WordPress

Display YouTube, Vimeo, SoundCloud, and MP4 Video in Popup. Video Popup on Page Load, Responsive Video Popup, Retina ready, visual editor, unlimited Popup’s, and many features! Easy to use.

Table of Contents

This article is the documentation and reference for everything about the Video Popup plugin and the Premium Extension. Click on the chapter link you want to read it:

1. Video Popup Features.
2. Changelog (for the free version).
3. The Premium Extension:
   1. How to purchase the Premium Extension.
   2. Licensing and Usage.
   3. How to install the Premium Extension.
   4. Updates the Premium Extension.
   5. Changelog (for the Premium Extension).
4. Live Demo.
5. Notes About the Autoplay.
6. Video Popup Download & Installation.
7. Explanation of Use.
8. Video Popup & Gutenberg.
9. Video Popup on Page Load.
10. Align Video Popup on Page Load.
11. Note about On Page Load feature.
12. Video Popup Shortcode.
13. Usage Manually.
14. Video Popup Widget.
15. Shortcode Builder.
16. General Settings.
17. Translating the Video Popup Plugin.
18. Support and Contact.

Video Popup

The features:

1. YouTube, Vimeo, SoundCloud, and MP4 video support (we have stopped supporting the SoundCloud feature).
2. Visual Editor (Video Popup Visual Builder) with Editor Style.
3. Video Popup on Page Load (New!).
4. Alignment options for the Video Popup on page loading feature (New!).
5. Unlimited Popup’s.
6. Flex Design (a new design).
7. Responsive Style.
8. Retina Ready.
9. All the YouTube Options (Premium Options):
   1. Disable: Related Videos (changed), Controls (YouTube player), Info (deprecated), and video Annotations.
   2. Display YouTube video image automatically.
   3. Starting Time (playing the video at the time you specify).
   4. Ending Time (turning off the video at the time you specify).
10. Autoplay Support for YouTube, Vimeo, SoundCloud, and MP4 Video. Please read this note about the Autoplay feature.
11. Display an image as link for YouTube, Vimeo, SoundCloud, and MP4 Video Popup (Premium Option).
12. Customizing the Width and Height Size (Premium Options) for YouTube, Vimeo, SoundCloud, and MP4 Video.
13. Customizing the Color of Overlay (Premium Option) for YouTube, Vimeo, SoundCloud, and MP4 Video.
14. Shortcode Support with all the Attributes.
15. General Settings.
16. Shortcode Usage Page.
17. Easy to Use.
18. And More!

Changelog (for the free version)

In the version 1.0.4, we added the following:

1. New closing button icon (X icon).
2. Video Popup on Page Load.
3. Other general improvements.

In the version 1.0.5, we added the following:

1. Improving JavaScript for the Video Popup on page loading feature.
2. Compatibility with any caching plugin (such as WP Super Cache) for the Video Popup on page loading feature. Now the Video Popup on page loading feature is working with any WordPress caching plugin.
3. Mute option. A new option for the Video Popup on page loading feature. Now you can mute the sound of video. This option for YouTube only.
4. Alignment options for the Video Popup on page loading feature. Now you can display Pop-up Video on page loading and align the video to left or right. Live Demo. Screenshot:

In the version 1.0.6 (October 20, 2018), we added the following:

1. Improve JavaScript.
2. Fixing this error: plays two videos at the same time.
3. Remove “Disable Info” option. This feature was deprecated by YouTube. Please read this announcement from YouTube.
4. The option of disable related videos has been changed by YouTube. Please read this announcement from YouTube.

In the version 1.0.8 (April 10, 2019), we added the following:

1. Removing the download button for MP4 Video.
2. allow=”autoplay” added for autoplay in Google Chrome (Autoplay currently works in Google Chrome browser, but maybe sometimes it will not work).

All of the above is supported for both Video Popup Builder and On Page Load feature in the version “1.0.8”. There are no new options in the version “1.0.8”, and all of the above will be applied automatically.

In the version “1.0.9” (April 14, 2019), we fixed an issue in the display options (for the popup video on page load). But please note, if you are use a caching plugin on your site, such as “WP Super Cache Plugin”, please clear all the cache files (one time only) after updating the Video Popup plugin to the version “1.0.9”. Read how to clear the cache in your website.

In the version “1.1.0” (October 28, 2019), we fixed an issue in the “On Page Load” feature. Please clear all the cache files (one time only) after updating the Video Popup plugin to the version “1.1.0”. Read how to clear the cache in your website.

In the version “1.1.1” (November 4, 2019), we fixed an issue in JavaScript related to the “On Page Load” feature. All you have to do is update the plugin only. We have an update for the Premium Extension, if you purchased the Premium Extension, update it to the version “1.0.6”, also update the free version to the version “1.1.1”. Read this note about the version “1.0.6” of the Premium Extension.

In the version “1.1.2” (May 5, 2020): We made a simple update that improves the design for the pop-up. After updating, clear all the cache files on your site, if you use a caching plugin such as “WP Super Cache”. Read how to clear the cache files. Please read this note about the Autoplay for the “On Page Load” feature. With the next update, we have many other improvements and features, such as “Mute” option for Vimeo and MP4 Video. By the way, we have a new update for the Premium Extension, please update. If you have not received an update notification, go to the Updates Center, and you will find the update ready for download. If you have trouble downloading the update, such as “Not Acceptable” error message, contact us to send you a link to download the update.

The Premium Extension

Unlock all the features of Video Popup:

1. How to purchase the Premium Extension.
2. Licensing and Usage.
3. How to install the Premium Extension.
4. Updates the Premium Extension.

Video Popup Live Demo

Please read this notes about the Autoplay in Google Chrome.

We will display all the features (and the Premium Extension features):

1. YouTube Demos (click on the links to view it). Some the demos with Custom overlay color and Autoplay:
   1. With Autoplay and default style.
   2. Without Autoplay (no autoplay demo) and default style.
   3. Disabling the Related Videos (Premium). Important: This feature was changed by YouTube. Please read this announcement from YouTube.
   4. Removing the White Border.
   5. Disabling the Video Title (Deprecated). Important: This feature was deprecated by YouTube. Please read this announcement.
   6. Disabling the Controls (Premium).
   7. Custom width and height (Premium).
   8. Disabling the Annotations (Premium).
   9. Custom overlay color (Premium).
   10. Disabling the Controls and the Annotations (Premium) Good for marketers!
   11. Starting Time (playing in 0:11) (Premium). Ad: By the way, take a look at the Divi theme.
   12. Ending Time (end in 1:20) (Premium).
   13. Starting Time and Ending Time (playing in 0:11 and end in 1:20) (Premium).
2. On-Page Loading Demos (New!):
   1. With align the video to the left (Premium). Please read this note about the Autoplay.
   2. Please read this note about the “On-Page Load” feature.
   3. Please note, the “On-Page Load” feature is not compatible with the GDPR at the current time. Read this note.
   4. Please note, you can display YouTube, Vimeo, or MP4 Popup Video on page loading with the Alignment options or without Alignment, not just YouTube video! SoundCloud is not supported in Popup Video on page loading feature. Read more.
3. Vimeo Demos (click on the links to view it):
   1. With Autoplay and default style.
   2. Without Autoplay and default style.
   3. Remove the White Border.
   4. Custom width and height (Premium).
   5. Custom overlay color (Premium).
4. SoundCloud Demos:
   1. With Autoplay and default style.
   2. Without Autoplay and default style.
   3. Remove the White Border.
   4. Note: SoundCloud does not work, we have stopped supporting the SoundCloud feature (is a free feature).
5. MP4 Video Demos (click on the links to view it):
   1. With Autoplay and default style. Ad: By the way, take a look at the Divi theme.
   2. Without Autoplay and default style.
   3. Remove the White Border.
   4. Custom width and height (Premium).
   5. Custom overlay color (Premium).

We can display many demos, but we will not finish! We just want you to know the idea in general. Get all the features with the Premium Extension.

Ad: By the way, take a look at the Divi theme. Try it, a 30-day Money Back Guarantee, no questions asked!

Display YouTube Image (Premium):

When you select this option (after purchasing the Premium Extension):

The YouTube video image will be displayed automatically (click here to view the example), the YouTube video image will be as link for the Video Popup, for example, click on the following image:

Click on the image to change the image alignment, click here to view the example.

Image URL:

To display an image as link for the Video Popup, enter an image link in the “Image URL” field, for example Vimeo, click on the following image:

This feature “Image URL” also works with YouTube, SoundCloud, and MP4 Video. For example YouTube, click on the following image:

You can change the width and height size for Video Popup, we used 1200×600 in this demo.

Video Popup Installation

Download Video Popup plugin, install it, and activate it.

Explanation of Use

The Video Popup plugin was programmed and designed for the Classic Editor only, so the Video Popup plugin is not working with the other content editors. But the Video Popup plugin may work with the Gutenberg correctly when using the Classic Block, but there is no guarantee that it will always work with the Gutenberg, and some people may face some errors when creating a pop-up video link using the Classic Block, but in any way, you can use the Shortcode in the Gutenberg. Anyway, to create a pop-up video link, select a text or link, and click on the “Video” icon:

Now will be display the Video Popup Builder:

Scroll the mouse arrow to read the explanation of each option.

Gutenberg

We could not create a new button for the Gutenberg Editor to creating pop-up video links, so currently, we will work on improving the plugin in other respects, and in the future, we may be able to fully support the Gutenberg, but we don’t make any promises. Currently, the Video Popup plugin may work with the Gutenberg correctly when using the Classic Block, but there is no guarantee that it will always work with the Gutenberg, and some people may face some errors when creating a pop-up video link using the Classic Block, so we recommend using the Classic Editor or the Shortcode in the Gutenberg. Anyway, to create a pop-up video link in the Gutenberg, use the Classic Block:

Then use the Video Popup builder:

Or use the Shortcode in the Gutenberg. Anyway, to edit the link, select the link and click on the “Video Icon”, for example, this is a pop-up video link:

Select it, then click on the “Video Icon”, and edit it:

The options:

1. In “Text” field, change your text if you want.
2. In “URL” field, enter YouTube, Vimeo, SoundCloud, or MP4 Video link only (we have stopped supporting the SoundCloud feature).
3. In “Title” field, enter your link title, this title appears when the mouse passes over the link.
4. In “Image URL” field, enter an image link, to display an image as link for the Video Popup, it’s works with YouTube, Vimeo, SoundCloud, and MP4 video.
5. Select “Rel Nofollow” option if your URL is YouTube, Vimeo, or external MP4 video link, it’s good for SEO. Do not select this option if your URL is SoundCloud or locally MP4 video link.
6. Select “Autoplay” option if you want. Autoplay works with YouTube, Vimeo, SoundCloud, and MP4 video (externally and locally). Please read this note about the Autoplay feature.
7. Select “Remove Border” option if you want to remove the white border from the Pop-up video design.
8. Disable Related Videos (Premium): This feature was changed by YouTube. Please read this note.
9. Disable Controls (Premium): Disable YouTube player controls. This option for YouTube only.
10. Disable Info (Deprecated): This feature was deprecated by YouTube. Please read this announcement.
11. Disable Annotations (Premium): Disable video annotations. This option for YouTube only.
12. Display YouTube Image (Premium): Display YouTube video image inside the Video Popup link. This option for YouTube only.
13. Starting Time (Premium): In “Starting Time” field, enter the starting time for the video, for example enter “90” (1 minute + 30 seconds = 90), the video will be played in “1:30”. Numbers only. This option for YouTube only.
14. Ending Time (Premium): In “Ending Time” field, enter the ending time. The time offset at which the video should stop playing. The value is a positive integer that specifies the number of seconds into the video that the player stops playback. For example enter “90” (1 minute + 30 seconds = 90), now the video will be stopped playing in “1:30”.
15. Width Size (Premium): In “Width Size” field, enter width size for the video, for example “540”. Numbers only.
16. Height Size (Premium): In “Height Size” field, enter height size for the video, for example “270”. Numbers only.
17. Color of Overlay (Premium): In “Color of Overlay” field, enter the color of overlay, enter HEX code only, for example “#ffffff”. Enter full HEX code such as “#ffffff”, not shortened such as “#fff”. Default is black “#000000”.

Get all the features with the Premium Extension.

Note about disabling the Related Videos: The behavior for the rel parameter is changing on or after September 25, 2018. The effect of the change is that you will not be able to disable related videos. Prior to the change, if you disabled the related videos, then the player does not show related videos. After the change, if you disabled the related videos, the player will show related videos that are from the same channel. Please read the announcement from YouTube. This change is out of our control, because it is from the YouTube site, it is not from the Video Popup plugin. So we have nothing to do with this change.

Note about the Width and Height size: You can enter any size you want, large or small, for example, this demo in width size “1200” and height size “800”. The width and height size fields is works with YouTube, Vimeo, SoundCloud, and MP4 video.

Note about Color of Overlay: If you use the white color of the color of overlay, do not worry, the background color of the closing button will change to black automatically, for example (click here). The white color code is “#ffffff“.

Note about disabling Annotations: What is Annotations on YouTube? Take a look to this image.

Video Popup on Page Load

Please read this note about the “On Page Load” feature. Anyway, the demo:

Live Demo

You can display YouTube, Vimeo, or MP4 Popup Video on page loading, only. SoundCloud is not supported in Popup Video on page loading feature. Please read this note about the Autoplay.

In the version “1.0.4”, we added Video Popup on Page Load feature:

Video Popup on Page Load with the Alignment Options

Please read this note about the “On Page Load” feature.

Live Demo of Popup Video on page loading with the Alignment options:

You can display YouTube, Vimeo, or MP4 Popup Video on page loading with the Alignment options, only. SoundCloud is not supported in Popup Video on page loading feature. Please read this note about the Autoplay.

In the version “1.0.5” and higher, we added Alignment options for the Video Popup on page loading feature:

Note about the On Page Load feature

This feature is not compatible with the GDPR at the current time, we did not notice this until recently.

You may experience some slowdown in the page that will display a video when loading a page or post, such as this page, or on the entire site if you are using the “On-Page Load” feature on the entire site. The “On-Page Load” feature requires 1 to 3 seconds (or more) to work on a page or a post, and this is logical, because the site fetch video data from the feature when loading a page or post, so you might experience some slowdown. If you do not use the “On-Page Load” feature, you will not experience this slowdown on your website.

We are currently working on a new update to fixing the slowdown issue, in addition to a new option for the GDPR, so you can use the “On-Page Load” feature without problems with the GDPR. We will try to complete the new update as soon as possible and then launch it.

If you have used the “On Page Load” feature, and want to disable it, just leave the “Video URL” field blank, then delete all the cache files if you are use a caching plugin on your site. If you want to use “On Page Load” feature again after you disable it, just enter video link in the “Video URL” field, then delete all the cache files. If you have used the “On Page Load” feature, and you want to change the video link, no need to delete the cache files, just change the video link.

If you change the display options, please clear all the cache files each time you change the display options, just if you are use a caching plugin on your site, such as “WP Super Cache Plugin”. If you are not use a caching plugin at the current time, so ignore this note. Read how to clear the cache in your website. The display options is:

Video Popup Shortcode

Go to your wp-admin > “Video PopUp” > “Shortcode Usage” and read the instructions, we’ve explained them in full, including how to use each attribute (some attribute is works in the Premium Extension only):

Default Usage:

With Autoplay:
[video_popup url="enter youtube, vimeo, soundcloud, or mp4 video link here" text="My video"]

Without Autoplay:
[video_popup url="enter youtube, vimeo, soundcloud, or mp4 video link here" text="My video" auto="1"]

Usage Manually

You can use Video Popup without Shortcode in anyplace in your WordPress theme or in custom page, just enter “class” to video link. For example, for Autoplay enter class “vp-a” and to disabling Autoplay enter class “vp-s”:

Autoplay:
<a href="enter youtube, vimeo, soundcloud, or mp4 video link here" class="vp-a">My Video</a>

No Autoplay:
<a href="enter youtube, vimeo, soundcloud, or mp4 video link here" class="vp-s">My Video</a>

With Image:
<a href="enter youtube, vimeo, soundcloud, or mp4 video link here" class="vp-a"><img src="enter an image link here"></a>

In the Premium Extension, you can use Premium classes. For example, display YouTube Popup video with disabling the Related videos:

Autoplay and no Related Videos:
<a href="enter youtube link here" class="vp-a vp-dr">My Video</a>

No Autoplay and no Related Videos:
<a href="enter youtube link here" class="vp-s vp-dr">My Video</a>

An Other Way: Build Video Popup link in your post editor, click on the “Text” tab, and copy the HTML Code. For example, after built the Video Popup link, click on the “Text” tab:

Now copy the HTML Code:

Now use the HTML Code in anyplace in your WordPress theme, custom page, footer, or in the Text Widget, etc.

Video Popup Widget

To use the Video Popup in widget, use the Video Popup Shortcode in the Text Widget:

If not working, try to adding this line in “functions.php” file of WordPress theme:

add_filter('widget_text', 'do_shortcode');

After that, use the Video Popup Shortcode in the Text Widget.

Notes About the Autoplay

On desktop: The autoplay feature is works well in Firefox and Microsoft Explorer browser at the current time. Since mid-February of 2019, the Autoplay feature does not working in Google Chrome browser with YouTube, Vimeo, and SoundCloud, but it’s works well with MP4 Video in Google Chrome browser. In the version “1.0.8” of the Video Popup plugin, and the version “1.0.5” of the Premium Extension, we added a new parameter (allow=”autoplay”) to support autoplay in Google Chrome browser. Autoplay currently works in Google Chrome browser, but maybe sometimes it will not work, the reason for this problem is from Google itself, and this is out of our control, Google wants blocking the Autoplay in Google Chrome when embedding a video or using a Popup video.

On mobile: The autoplay not work on Android and iPhone for YouTube, Vimeo, and SoundCloud, but it’s working well with MP4 Video. The problem is not from the Video Popup plugin, it’s from the same smart phone systems, read this.

In general: The autoplay (with youtube, vimeo, mp4 video, and soundcloud) may not work permanently, because of the speed of Internet connection, and we are also facing the same problem, there is no need to worry.

Note about the Autoplay on Page Load: Autoplay does not work without the mute option, use the mute option if you want Autoplay. The mute option is working for YouTube videos only, but with the next update, we will try to develop a mute option for Vimeo and MP4 Video. Please take a look at this example, and at this image. Why does Autoplay not work without mute? This thing from the browsers, they do not want Autoplay without mute for a pop-up video when a page loading, autoplay may work without mute sometimes in Google Chrome but not always, and does not work in Firefox without mute. Use the mute option currently for YouTube videos. – Written on May 4, 2020 (last updated on May 26). By Qassim Alobaidi.

Shortcode Builder

You can use Generate Shortcode plugin to building the Video Popup Shortcodes:

1. After installed the Generate Shortcode plugin, go to “Gen Shortcode” > “Add New”.
2. Now enter your video text, select it, and click on “Video Icon” and build your Video Popup.
3. Click on “Publish” button.
4. Copy the Shortcode and use it in your posts, widget, etc. You can editing your Shortcode at anytime.

The Shortcode will be like this:

[gen_shortcode id="393" title="Hello – Adele"]

Read how to use Generate Shortcode plugin.

General Settings

Go to your wp-admin > “Video PopUp” > “General Settings”:

Disable Editor Style: This option to disable the background color of the Video Popup Links:

If you checkbox to “Disable Editor Style” option in the general settings, the background colors will be disabled:

General settings will applied to all the video popup’s. For example, if you set “900” width and “450” height in the general settings, these sizes will be applied to all the video popup’s, also “Color of Overlay” and “Remove Border” option.

You can set “900” width and “450” height in the general settings to all the video popup’s, in the same time you can set a custom width and height for a video in a post, using Video Popup Builder:

Also “Color of Overlay” option.

How to purchase the Premium Extension

Choose the license that suits you, click on the “Purchase & Download” button, and pay with PayPal. After purchasing the Premium Extension through PayPal, PayPal will redirect you to the download page.

Purchase the Premium Extension:

Licences and Usage

Pay Only Once: One-time payment does not mean that you will receive lifetime support and updates. Please read the Purchase Policy regarding product updates.

Single License: This license allows you to use the Premium Extension on only one site (or one client), on an individual site, a personal site, a commercial site, or a company site, etc. Only one site or one client.

Extended License: This license allows you to use the Premium Extension on only 5 sites (or 5 clients), on an individual sites, a personal sites, a commercial sites, and a companies sites, etc. Only 5 sites or 5 clients.

Business License: This license allows you to use the Premium Extension on an unlimited number of your sites, and on an unlimited number of your clients, on an individual sites, a personal sites, a commercial sites, and a companies sites, etc. Unlimited sites and clients.

For Developers: If you are a WordPress themes developer, and you want to include the Premium Extension within your Premium WordPress themes and then sell it, purchase “Business License”, it’s suitable for you, unlimited number of your customers, and you can use the Premium Extension on an unlimited number of your sites.

We allow you to use the Premium Extension on your sites or your clients sites, but the Purchase Policy applies in all cases.

How to Install the Premium Extension

The premium extension is a plugin that contains the premium features only, which means that the free plugin (the main plugin) must remain active on your site (take a look at this image), because the Premium Extension does not contain the basic and free features.

After purchasing the Premium Extension through PayPal, PayPal will redirect you to the download page:

Download the Premium Extension “zip file”.

Now go to your wp-admin > “Plugins” > “Add New”, and click on the “Upload Plugin” button:

Upload the Premium Extension “zip file”, and click on the “Install Now” button:

Now go to the “Plugins” page, and activate the Premium Extension:

Congratulations! Installation successful.

Do not deactivate the free plugin (the main plugin), it’s should stay activated with the Premium Extension, as follows:

Now all the features have been unlocked, and all the ads are hidden (using css display:none):

General Settings Page:

On Page Load settings page: https://wp-time.com/wp-content/uploads/2018/10/on-page-load-options.png

Shortcode Usage Page: https://wp-time.com/wp-content/uploads/2018/09/shortcode-usage-no-ads-1.png

Video Popup Builder:

Updates the Premium Extension

The updates center automatically checks for new updates every 7 days, and if there is a new update for the Premium Extension, you’ll get a notification:

If you do not want to wait for 7 days, you can check for updates manually, just go to the updates center (wp-admin > “Video PopUp” > “Updates Center”), and if there is a new update, you will find it without a wait for 7 days. Anyway, if we have an update, go to your wp-admin > “Video PopUp” > “Updates Center”, and follow the update instructions:

Please read the Purchase Policy before the purchase, we have explained everything about the Updates Center and the product updates in the Purchase Policy.

“Not Acceptable” Error in the Updates Center

In the version 1.0.6 of the Premium Extension, we have fixed an issue in the Updates Center, the problem is “Not Acceptable” error message, if you have the version “1.0.5” or older, you have to update to fix this problem. If you are facing a “Not Acceptable” error message while downloading the new update, that meant that you have an old version of the Premium Extension, contact us to send you a link to download the update. Read changelog.

Translating the Video Popup Plugin

Currently, the translation files are incomplete, we will try to complete them if we can, because we are currently developing and improving the Video Popup plugin.

Support and Contact

Do you have a question? Or do you want support? Contact us at anyatime!

Don’t forget, if you like Video Popup plugin, give us 5 stars by rating Video Popup plugin! Thank you.