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:

    <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Motion Graphics</title>
    <link rel="stylesheet" type="text/css" href="/CSS/motiongallery.css">
    <script src="" crossorigin="anonymous"></script>
    <script type="text/javascript" src="../script/videogallery.js"></script>
    <script src="" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script>
    <script src="" integrity="sha512-IsNh5E3eYy3tr/JiX2Yx4vsCujtkhwl7SLqgnwLNgf04Hrt9BT9SXlLlZlWx+OK4ndzAoALhsMNcCmkggjZB1w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
Despite adding the correct CDN link to my 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 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
Verified Answer
It seems like you are trying to create a video pop-up gallery on your webpage. There are several ways to achieve this. One way is to use a plugin like WP Video Popup. Another way is to use a video lightbox. You can also create a responsive popup video gallery using HTML CSS and Vanilla Javascript. However, since you mentioned that the pop-up effect works fine when you test the code on itself, it might be an issue with your codepen settings panel. You can try checking if you have added the correct CDN link to your settings panel and if it is working properly. I hope this helps! Let me know if you have any other questions.


How 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: 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.