Interactive Video stuck on 'Loading, please wait...'

Forums: 

Hi all!

I updated Interactive Video only to realise I shouldn't have done so as it overrode all my custom styles for all the content types included in it. I then restored the database from earlier that day and successfully restored my custom styles. However, this has caused a problem with Interactive Video itself, as it is stuck on loading, as you can see from the screenshot.

In cPanel I also noticed that a lot of files/folders that I expected to be removed in the restore are actually still there. I imagine these are what is causing the conflict. The version I have uploaded is 1.22.4 while the files on cPanel are for version 1.24.

Any help or pointers anyone could provide would be most appreciated!

Kind regards,

Paul

 

Attachments: 
otacke's picture

Hi!

H5P has hooks for overriding styles, so you don't need to and should not patch the original code - guess you now know why. Please see the documentation on customizing the CSS.

The styles were not stored in the database, but in the filesystem. It's virtually impossible to say what state all your stuff is in now and what exactly is causing the problem, not even counting in potential caching issues on top. 1.24 might now be listed as the latest installed version, but H5P cannot find the respective files if you delete ld those - although this should not happen if you restored the database.

The browser's dev console and the PHP error log file are what really hold information.

Best,

Oliver 

Thanks for your comments Oliver!

" It's virtually impossible to say what state all your stuff is in now" – fortunately, all the content types are looking fine just as before, but yes I defintely need to look into hooks! I only have 1 interactive video which I was just testing out for the first time, but I can't continue until I fix this issue.

"1.24 might now be listed as the latest installed version" – in my wp-admin/admin.php?page=h5p_libraries, the version is still 1.22.4. However, the latest files seem to be in my database, despite not actually being uploaded into my libraries.

"The browser's dev console and the PHP error log file are what really hold information." – I'm afraid I won't be able to make much sense of all that! Do you think deleting the 1.24 folder will help?

Thank you once again Oliver!

 

 

otacke's picture

Hi!

I am not sure if I understand what you mean by "the latest files seem to be in my database, despite not actually being uploaded into my libraries".

Without knowing what error message the browser's development console and/or the PHP error log report, it's virtually impossible to tell what's going on. If you can't make sense out of it others may.

Best,
Oliver

Sorry for the confusion Oliver!

In the screenshots in my last message, you can see that in wp-admin/admin.php?page=h5p_libraries, the current version is 1.22.4

However, in the next screenshot you can see that in public_html/wp-content/uploads/h5p/libraries, two versions are uploaded – 1.22.4 and 1.24

I am wondering if the problem is coming from a conflict between these two folders.

Anyway, you suggested that an error log would be needed to fully investigate the issue, so I have uploaded a couple of files which I think you are referring to. As you say, I am hoping some more technical minds will be able to make sense of these error logs.

Thank you for your guidance!

Kind regards,

Paul

Greetings,

I've just attached a couple of screenshots of the browser console which are displaying the errors. I'm hoping these might help someone identify what might be the problem.

Best regards,

Paul

otacke's picture

Seems that there's trouble loading the library for "Open Ended Question".

If you're lucky, this is only a caching issue and you can fix this by deleting the contents inside wp-uploads/h5p/cachedassets.

If not, this should be fixable by re-installing it. You may need to set WordPress in development temporarily by adding

define("H5P_DEV", true);

to your wp-config.php file. Otherwise H5P might not install the library files.

You can clone the repository from https://github.com/h5p/h5p-open-ended-question/tree/release, switch to the release branch, build the files using

npm run build

as hinted to in the readme file (npm needs to be installed on your platform) and then using the H5P CLI tool (https://h5p.org/h5p-cli-guide) with

h5p pack h5p-open-ended-question foo.h5p

to create the library file "foo.h5p" that you can upload on the plugin's library settings page.

Best,

Oliver 

Much appreciated once again Oliver for this very helpful and informative walkthrough.