audio buttons with Elementor

Submitted by Josu88 on Wed, 05/20/2020 - 12:12
Forums: 
Bugs in content types

Hi, first of all congratulations for your work at H5p, its really an amazing plugin.

Ive been using it for years with Elementor, but ive noticed since a couple months the audio buttons i made with 5hp they dont show anymore in my page https://tuespanol.ru/ispanskij-alfavit/

They used to show normal always, and they are still showing when i preview my page with Elementor, but in the real site they are not shown anymore. Im sure im not the only one who has this problem. I contacted with Elementor and they told me to contact you guys, and that they are ready to colaborate to fix this issue. 

 

Thank you for your attention. I attach a link of how it looks in preview mode and how it looks in the real online page.

Preview version:
https://ibb.co/7nKRRyt

Real online verion:
https://ibb.co/pJPhkqN

 

 

otacke's picture

otacke

Wed, 05/20/2020 - 13:09

Hi!

If you check your browser console, you will notice some error messages. They indicate that the plugin autooptimize seems to be causing some trouble. It can be used to "optimize" JavaScript, possibly lazy load it, and that seems to conflict with H5P. I guess you should try to limit what autooptimize does.

Best,
Oliver

Josu88

Wed, 05/20/2020 - 14:30

thanks for your answer Oliver, i tried to deactivate the plugin autooptimize and the plugin for lazy load images, and still the problem persists :(
I actually tried to deactivate the third party plugins to find out which one is causing the trouble... and i cant fix the problem.
ANy ideas? I just spend so many time to do that page and was ranking 1st in google, and all my work will be broken now :(

Thank you for your attention

otacke's picture

otacke

Wed, 05/20/2020 - 16:18

Hi Josu!

When I check your site, I still see the exact same issue. Sure there's no caching somewhere?

Best,
Oliver

Josu88

Wed, 05/20/2020 - 17:12

yes i deactivated autoopimize and lazyload, and when i saw no changes i activated it again. Now i left it off... but still cant fix the issue

otacke's picture

otacke

Thu, 05/21/2020 - 09:07

Hi Josu!

My observations:

  • You can still see something crashing that seems to be related to a widget (VK Widget) before H5P tries to run. Probably not related, but who knows ...
  • H5P complains pretty "late" when loading the page, and you can find the word "lazyload" throughout all the page's source code.

My first guess holds: Your page is using some kind of optimization tool (not necessarily done by autooptimize though) that messes up the initialization of H5P. If you need H5P to run, you seem to have to tweak or remove those "lazyload" techniques.

Best,
Oliver

Josu88

Thu, 05/21/2020 - 10:30

Thanks again for your answer, i deactivated all "lazy load" plugins :( I dont know what else i can do. The guys from elementor told me the problem might be related with H5P and sent me screenshoot, i attach it to the mail... ANy other ideas would be highly apprecciated

Attachments: 
Image icon 2fff747568d81ca604b621c3acca151f.png
Image icon 2020-05-21_11-13-10.png
otacke's picture

otacke

Thu, 05/21/2020 - 19:17

Hi Josu!

That "Uncaught Reference" message (unfortunately) is normal when saving content, but it doesn't prevent content from loading. There are still several traces of lazy loading in your site. I can only assume that the elementor customization of WordPress is incompatible with running H5P. You might want to move to a "simple" self-managed server and install WordPress there. 

Without being able to check your system, I fear I cannot be of further assitance here.

Best,
Oliver

Josu88

Fri, 05/22/2020 - 09:13

Thanks Oliver, couple months ago was Elementor customization was working perfectly with H5P... So what can i do? Im ready to give you acces to the system or anything, im desperate to resolve this issue

 

Josu88

Fri, 05/22/2020 - 09:13

Thanks Oliver, couple months ago was Elementor customization was working perfectly with H5P... So what can i do? Im ready to give you acces to the system or anything, im desperate to resolve this issue

 
otacke's picture

otacke

Fri, 05/22/2020 - 16:52

Hi Josu!

If it was working before and you didn't change anything, then you could check up with Elementor what they introduced regarding lazy loading and ask for their assistance. If it's really not one of your changes (e.g. some lazy load plugin) that caused the trouble, then it seems their actions broke your site and you'd have to check what their terms of service / your contract with them says.

I'm sorry, I was not suggesting you giving me access to the server. I am glad to help out here on the forum if I think I can answer in reasonable time, but I cannot go bug hunting on other people's servers in me free time.

Best,
Oliver