How do I use this within DIVI where I can’t use the Gutenberg Editor

The editor you use doesn’t matter. You’d simply add the shortcode to the page & give the element you want to trigger the lightbox the css class wp-video popup.

In Divi I think a regular text widget will render a shortcode so you can basically add it to a text widget.

I’m not too familiar with Divi, though there might also be a shortcode widget that you can use.

In order to get it to work ON THE NON PRO VERSION I laid down an image and then applied the CLASS to it and anywhere on the page I added the shortcode, BUT I
Bought the PRO, Deactivated the FREE, Installed the PRO but the vid doesnt work on either website that I installed it on.

BTW, why do you MARK THIS THREAD RESOLVED WHEN YOU HAVENT FIXED ANYTHING?

Hi @techguymandrews,

Are you trying to add multiple videos to your page?

In that case, the shortcode/trigger element setup would look slightly different.

For multiple videos on a single page with the PRO version, please have a look at this post:
https://wp-video-popup.com/docs/pro/

If you’re only using 1 video per page, the regular shortcode must be used:
https://wp-video-popup.com/docs/basic-usage/.

The only thing I changed was to disable the FREE version and activate the PRO version ON A SINGLE VIDEO… why doesn’t it work?

DOES THE PRO VERSION SUPPORT PLAYING A SINGLE VIDEO?

I had a look at your site and it seems like there are multiple shortcodes present on that page. If you’re only planning to load one video, can you try to remove the other shortcode from the page?

That could potentially be causing the issue.

I don’t know what you are seeing, there is ONE video near the top of the page that we are using your plugin for. We put ONE IMAGE DOWN and assigned the CSS CLASS to it, and then laid down ONE SHORTCODE. WE also did the same process on this page

frontlineonline.org

Included are pics of the video, the CSS and the shortcode used on the page

Everything works when we have the STANDARD plugin activated. But when we have changed NOTHING but disabled the STANDARD enabled the PRO version the lightbox does not function. We have NOO OTHER shortcodes related to the lightbox ON THE PAGE.

DOES A SINGLE VIDEO PLAY USING THE PRO version? DOES THE PRO VERSION WORK?

CAN YOU HELP US? WE’VE BEEN ASKING FOR ASSISTANCE FOR NEARLY A WEEK NOW.

I’m sorry for your frustration in setting up the plugin.

I looked at the source code of frontlineonline.org to search for wp-video-popup-wrapper and found 2 instances of it. This indicates that 2 shortcodes are present on that particular page.

Here’s why it’s not working with the PRO version and working with with free version:

With the free version, no distinction is being made wether there are 1 ore more videos/shortcodes on the page. It’ll simply load the video/shortcode that comes first on that page.

If you have multiple videos on a single page – even by accident – it won’t work without the ID’s (https://wp-video-popup.com/docs/pro/ – check for “Multiple Popups on a single Post/Page” and see where it says: If you’re not going to have multiple popups on a single page with the PRO version, the regular shortcode needs to be used. See Basic Usage).

With multiple videos on a page, a different mechanism is used to load the videos. It won’t work without the ID’s.

Please have a look at the source code of your website and search for wp-video-popup-wrapper to find where the 2 shortcodes might be located in the Divi builder.

We have the code 2 times if you count that the site has a mobile and a desktop version setup in divi.

We have the entire site made 1st as a desktop site and the first time the short code is used is there, then the code is used again when we have a complete new set of guts going on for the mobile and the shortcode is applied a second time… But we figured since only one is being rendered at a time it was considered separate.

I guess that is not the case. Can you instruct me how to do things… on some pages we want to use the lightbox and present a single video and later present a gallery… ON THE SAME PAGE , as well run multiple galleries on the same page AS WELL AS running many single video lightboxes on the same page.

If you’ve created those separate versions of the site based on Divi’s display conditions (show on desktop, hide on mobiles, etc.), then both versions are rendered in the DOM at the same time, they just show/hide based on specific breakpoints.

As I mentioned earlier, the shortcode is rendered twice on your website. Simply removing one of them should fix the issue for both, the desktop and mobile version.

I realized what you meant , that the ONE SHORTCODE worked for both places on the page. So I can place the CLASS call on an Image in two places (one mobile , one desktop) and have just one shortcode embeded and it works. I have been able to get it to work for the PRO.

DOES THIS MEAN I CAN NOT HAVE 2 DIFFERENT LIGHTBOXES ON ANY PAGE? FOR INSTANCE IF I WANT TWO SINGLE VIDEOS PLAYING IN different places on the same page OR if I want two DIFFERENT GALLERIES playing in different areas on the same page?

Or a single video lightbox at the top of the page and a Gallery somewhere else on the page?

That will work as well.

For multiple videos – no matter if some of them are grouped in galleries – ID’s need to be specified. Please have a quick look at this article from our docs on how to set up multiple videos on a single page – https://wp-video-popup.com/docs/pro/.

Just to explain this a bit better:
In theory, this method would have fixed the issue you had with the 2 shortcodes earlier. Though, how it’s configured now (one shortcode, 2 trigger elements) is more convenient.

If you have multiple shortcodes on a single page (2 shortcodes with the same video counts as multiple shortcodes), this method must be used – https://wp-video-popup.com/docs/pro/.

Otherwise, for a single video, this method is required – https://wp-video-popup.com/docs/basic-usage/.

I have created a TEST PAGE to get this figured out. I have the PRO version activated and I was able to get the multiple single videos to work on the same page.As well I have galleries on the page but at the moment the best I can do is set the 4 gallery videos with shortcodes and I can start the galleries at different videos within the shortcodes that i have set.

On this page I have 5 total images that are Video Lightboxed. the first three are singe videos and they play perfectly.

Tha last two are galleries. Since I am not using a button , rather I am using images (these are just test images) that are clickable to display the lightbox. However no matter how I label the id’s or classes I cannot get the galleries to be separate of each other

You can see that at this moment the first gallery starts at video1 but you can see all 4 while the second gallery starts at video3 but you can click back and forth to all 4 videos.

THis is the code i use to enact the first gallery:

and these are the shortcodes:
[wp-video-popup id=”galleryvideo1″ gallery=”mygallery1″ video=”https://www.youtube.com/watch?v=YlUKcNNmywk”%5D
[wp-video-popup id=”galleryvideo2″ gallery=”mygallery1″ video=”https://vimeo.com/136696258″%5D
[wp-video-popup id=”galleryvideo3″ gallery=”mygallery1″ video=”https://vimeo.com/387816601″%5D
[wp-video-popup id=”galleryvideo4″ gallery=”mygallery1″ video=”https://vimeo.com/386612168″%5D

I’ve tried to separate galleries and give separate id’s and such but I cant seem to obtain 2 distinct separate galleries.