YouTube Video Popup will show now, and after 30 seconds, the Vimeo video will show automatically… Please wait…
Shortcode and attributes used on this demo are:
// YouTube - Shows immediately without delay (dbs="0") - Minimized Design on the Left side (minimize="left") & Custom colors (co="#ffffff"): [video_popup_opl url="https://www.youtube.com/watch?v=EMmKs8vMKhU" mute="1" co="#ffffff" minimize="left" dbs="0"] // Vimeo - We used dbs="30" to delay the Vimeo popup by 30 seconds, while the YouTube popup has no delay - Basic design & Custom colors: [video_popup_opl url="https://vimeo.com/1117237151" mute="1" co="#D6763A" dbs="30"]
The idea is simple, if you want to use two [video_popup_opl] shortcodes on the same page, set a delay for one of them and leave the other with no delay or a shorter delay. The one with no delay or the shorter delay will be shown first, and even if the user closes the first popup, the second one will still appear once its delay time has passed. Also, the order of the shortcodes does not matter. For example, these two will produce the same result despite their order. What determines which popup appears first is the value of the dbs attribute:
[video_popup_opl url="https://vimeo.com/1117237151" mute="1" co="#D6763A" dbs="30"] [video_popup_opl url="https://www.youtube.com/watch?v=EMmKs8vMKhU" mute="1" co="#ffffff" minimize="left" dbs="0"]
Note: The delay set with the dbs attribute is not an exact timer based on video playback. It starts counting from the moment the page has finished loading, not from when the first video begins or ends. For example, if you set a 30-second delay, the second popup might appear while you’re still watching the first video — say after 26 seconds — because the delay is based on page time, not video time.
Can I use more than two shortcodes on the same page? Yes! You can see Triple On-Page Load live demo. There is no limit, but using too many popups may affect the page performance.
Can I use the Public On-Page Load feature and [video_popup_opl] shortcode on the same page? Yes, there is no conflict. However, as mentioned before, what determines which popup appears first is the delay value: dbs attribute for [video_popup_opl] shortcode, and the “Delay Before Show” option for the Public On-Page Load.
The [video_popup_opl] shortcode is available only in the Premium version, while the Public On-Page Load feature is available in both Free and Premium versions, with more advanced options in the Premium version.
Customizing & Show Once
With many attributes, you can customize the colors and other options as you like. Also, the once=”” attribute lets you set how many days to wait before showing the popup again to the same visitor or user. For example, once=”1″ will show it again after 1 day. Here’s an example:
[video_popup_opl url="https://www.youtube.com/watch?v=EMmKs8vMKhU" mute="1" co="#ffffff" minimize="left" dbs="0"]
[video_popup_opl url="https://vimeo.com/1117237151" mute="1" co="#D6763A" dbs="30" once="1"] // 1 day
// Result:
YouTube Video Popup will show immediately, and after 30 seconds, the Vimeo video will show automatically.
However, if the same visitor returns to the page, YouTube popup will appear again, but the Vimeo popup will not show because we used once="1", meaning it will only appear again for that visitor after 1 day.
Triple On-Page Load – Live Demo
Public On-Page Load – Live Demo
Promotion: Build Any Website Like A Pro With Divi’s Visual Design Interface!
You May Like It
From Our Products: The ultimate Preloader plugin for WordPress. Smart, flexible, and made for easy control. Available in both Free and Premium versions. Trusted by over 10,000 websites.
