Elementor Youtube Widget not visible on the frontend
-
Hi,
When I use Elementor’s “youtube” widget to display a video, it works on the backend but not on the frontend.
Assuming it’s a problem related to a disabled script, I set Asset Clean Up to “test mode” and the widget still didn’t work on the frontend. But if I disable Asset Clean Up, it works fine.
To sum up, the widget only seems to work when I disable Asset Clean Up.
The page I need help with: [log in to see the link]
-
@alexg9 Please enable Asset CleanUp in “Test Mode”! I could bypass it for debugging purposes via /?wpacu_skip_test_mode
I’ve tried to load the page you mentioned, but it returns a 404 Not Found error: “Parece que te has perdido. ¡No te preocupes!“.
Check it out in Incognito mode or when you are not logged in! Something’s funny there, or you have shared with us the incorrect URL!
Hello @gabelivan
You can’t see the url because I set it as private, it’s a production site. I’ve already put it in test mode before open this topic, but the issue still persists unless I deactivate Asset Cleanup.
I’ve put it visible so you can access and check it properly: https://www.educaenvivo.com/todos-los-recursos/que-es-ronda-infantil/
or
https://www.educaenvivo.com/todos-los-recursos/que-es-ronda-infantil/?wpacu_skip_test_mode
P.S.: I’ve placed an overlay image so you can easily see where the video is.
If you try to click on it, you’ll see that the video doesn’t load (unless I disable Asset Clean Up). Also, if I don’t place an overlay image, the video doesn’t show up directly, but a blank space instead.
Thank you in advance :’)
@alexg9, the issue you’re having is not related to Asset CleanUp. If I load the URL like https://www.educaenvivo.com/todos-los-recursos/que-es-ronda-infantil/?wpacu_no_load (which doesn’t trigger Asset CleanUp for debugging purposes), you will notice that the same problem occurs as you have errors in the browser’s console.
The reason behind it is that you have deferred jQuery (most likely, you are using another optimization plugin that has done this, if you check the SCRIPT tag that loads jQuery, you will notice that it has the “defer” attribute).
The problem is that another jQuery-related code is triggering BEFORE jQuery (since it’s deferred), and errors such as the following are showing up: “Uncaught ReferenceError: jQuery is not defined“.
So, do not defer jQuery, unless you are positive that all the jQuery related code loading in a page are also deferred.
I’ve attached a print screen with the errors here: https://ibb.co/cwcSRKw
So @gabelivan if the problem is not related with Asset CleanUp… Why the videos start working as soon as I deactivate Asset CleanUp? Here you have a video to check it:
https://www.filemail.com/d/ezgkmnnocnzodhcAlong with the video, I would also like to point out:
- Thanks for your initial response and for stopping to address the query.
- The optimisation plugin I’m using is Flyingpress, which delays scripts, but excludes Jquery.
- None of the libraries that Console from Google Inspector shows seem to be related to the youtube videos function.
@alexg9 It could be an incompatibility between Asset CleanUp and Flyingpress there. I need to check the HTML source code when Asset CleanUp is not loading (e.g., via /?wpacu_no_load) and when it does load and compare the differences.
As that page is private, I can’t do. I want to test it as a visitor as for you different CSS/JS files might load there.
Also, the video you mentioned is not loading, as I’m getting a notification that the transfer expired. It looks like you’ve set the expiration to happen very early or the people behind the platform set this this way.
I set it to public so you can check it. If you need it, I can record the video again, just tell me:
https://www.educaenvivo.com/todos-los-recursos/canciones-rondas-infantiles-ya-hecho-casi-cloned-55969/@alexg9 I’ve checked, and I’m getting the same errors. As I said in my previous message, you must stop deferring jQuery. Also, when I append /?wpacu_no_load to the URL, it looks like Asset CleanUp is still loading, suggesting the page caching system does not consider query strings.
Only specific query strings such as “utm_source” and other irrelevant ones for the page caching should be ignored.
You are probably viewing the page as a logged-in user and the source code could be different for you. Make sure to properly test it in Incognito too (or through a different browser when you are not logged-in) right after you activate/deactivate Asset CleanUp. You might get the same problems as the loaded page is likely cache one.
I tried to check the page in private mode and not being logged before open the thread, but the issue still occurs. Thank you for the tips @gabelivan :
• Url has been excluded from the cache: https://www.educaenvivo.com/todos-los-recursos/canciones-rondas-infantiles-ya-hecho-casi-cloned-55969/• Only these query strings have been excluded from caching:
utm_source
v
?nocache
?wpacu_no_load• Jquery always has been excluded in Flying Press from being deferred
https://i.ibb.co/yfhj3Vc/excludingjquery.png
• Only these specific libraries from Jquery are not being loaded with Asset CleanUp to avoid useless scripts:
jquery-ui-mouse
jquery-ui-draggable
jquery-ui-position
jquery.smartmenus.min.jsI’ve recorded the video again for you:
Hello?
- The topic ‘Elementor Youtube Widget not visible on the frontend’ is closed to new replies.