25 days ago
I am attempting to integrate my CDN with my website, but I am uncertain of the issue.
The following is the given text with HTML tags added for better readability:
This is the code I have in the <head> section:
Despite adding the correct CDN link to my codepen.io settings panel, I am unable to get my video gallery to create a pop-up on a specific video click, instead of redirecting to its link. However, the pop-up effect works fine when I test the code on the codepen.io itself.
I need assistance in getting my video gallery to pop-up and stay within my webpage when a user clicks on a specific video link.
24 days ago
SourcesHow to Add a Video Popup in WordPress from YouTube or VimeoVideo LightBox - Embed video to your website with beautiful Lightbox ...Create A Responsive Popup Video Gallery Using HTML CSS And Vanilla ...How to Create a Video Pop Up For Your Website - Poptin blogVideo Popups: How to Create Them + Useful TipsHow to Create Video Popups (in less than 5 minutes) - Wisepops
25 days ago
It looks like you have included the necessary libraries in your section, but there may be an issue with your videogallery.js file or the way you are using it in your code. Without seeing the full code, it's hard to determine the exact issue. However, since you mentioned that it works in Codepen, you can try to compare your local code with the Codepen code to see if there are any differences. Additionally, you can also try to check the console for any error messages that may help identify the issue. One common issue could be that the file path for videogallery.js is incorrect, so double-check that as well. As for creating a pop-up when clicking on a video, you can use the Magnific Popup library that you have already included in your . You can find the documentation and examples for how to use the library on their website here: https://dimsemenov.com/plugins/magnific-popup/documentation.html#inline-type. In short, you will need to add the data-mfp-src attribute to your video link element, and then initialize the Magnific Popup with the appropriate options in your videogallery.js file. Again, please refer to the library documentation and examples for more detailed instructions.