Interactive Content – H5P icon

Interactive Content – H5P

Maintained by Frode Petterson, Maris Akmentins, Thomas Marstrander, Pål Jørgensen, Svein-Tore Griff With
Create and add rich content inside your LMS for free. Some examples of what you get with H5P are Interactive Video, Quizzes, Collage and Timeline.
Free
Download for free
Supports Moodle 2.5-4.5 See all versions
Latest release: 1 month ago
Installations: 27643
Downloads (last 90 days): 6809
Frankenstyle name: mod_hvp
Activities
Gamification

Comments are no longer open for new posts. Existing comments remain available to read.

Juan Ezeiza
Hi,
I'm having the same issue reported by Harmut Karrasch. I updated the Moodle-Plugin to 1.16 on our Moodle 3.3 Server, exactly the same versions as Harmut's. Now, old content can be viewed but not edited and new content can't be added.
Any help would be greatly appreciated.
Frode Petterson
@Hartmut The error you're pasting says that there's something wrong with the request, next you need to open the request in the Network tab to find out what that is.
There's a good guide here if you're unable to locate the Network tab: https://developers.google.com/web/tools/chrome-devtools/network/#open
Hartmut Karrasch
QFrode
https://moodle.xxxx.xx/theme/styles.php/essential/blocks/configurable_reports/js/datatables/media/css/jquery.dataTables.css net::ERR_ABORTED 404 (not found)
jquery.js?ver=2019030700:2 Allow attribute will take precedence over 'allowfullscreen'.
attr @ jquery.js?ver=2019030700:2
access @ jquery.js?ver=2019030700:2
attr @ jquery.js?ver=2019030700:2
init @ jquery.js?ver=2019030700:2
b @ jquery.js?ver=2019030700:2
ns.Editor @ h5peditor-editor.js?ver=2019030700:20
(anonymous) @ h5peditor-init.js?ver=2019030700:36
dispatch @ jquery.js?ver=2019030700:2
v.handle @ jquery.js?ver=2019030700:2
trigger @ jquery.js?ver=2019030700:2
(anonymous) @ jquery.js?ver=2019030700:3
each @ jquery.js?ver=2019030700:2
each @ jquery.js?ver=2019030700:2
trigger @ jquery.js?ver=2019030700:3
b.fn.(anonymous function) @ jquery.js?ver=2019030700:4
H5PEditor.init @ h5peditor-init.js?ver=2019030700:46
init @ editor.js?ver=2019030700:26
c @ jquery.js?ver=2019030700:2
fireWith @ jquery.js?ver=2019030700:2
ready @ jquery.js?ver=2019030700:2
H @ jquery.js?ver=2019030700:2
h5peditor.js?ver=2019030700:236 Ajax request failed
error @ h5peditor.js?ver=2019030700:236
c @ jquery.js?ver=2019030700:2
fireWith @ jquery.js?ver=2019030700:2
k @ jquery.js?ver=2019030700:4
r @ jquery.js?ver=2019030700:4
XMLHttpRequest.send (async)
send @ jquery.js?ver=2019030700:4
ajax @ jquery.js?ver=2019030700:4
ns.loadLibrary @ h5peditor.js?ver=2019030700:203
ns.LibrarySelector.loadSemantics @ h5peditor-library-selector.js?ver=2019030700:309
librarySelectHandler @ h5peditor-library-selector.js?ver=2019030700:56
ns.SelectorHub.getSelectedLibrary @ h5peditor-selector-hub.js?ver=2019030700:192
loadLibrary @ h5peditor-library-selector.js?ver=2019030700:68
call @ h5p-event-dispatcher.js?ver=2019030700:209
EventDispatcher.trigger @ h5p-event-dispatcher.js?ver=2019030700:240
ns.LibrarySelector.setLibrary @ h5peditor-library-selector.js?ver=2019030700:164
(anonymous) @ h5peditor-editor.js?ver=2019030700:179
c @ jquery.js?ver=2019030700:2
fireWith @ jquery.js?ver=2019030700:2
k @ jquery.js?ver=2019030700:4
r @ jquery.js?ver=2019030700:4
XMLHttpRequest.send (async)
send @ jquery.js?ver=2019030700:4
ajax @ jquery.js?ver=2019030700:4
load @ h5peditor-editor.js?ver=2019030700:148
dispatch @ jquery.js?ver=2019030700:2
v.handle @ jquery.js?ver=2019030700:2
load (async)
add @ jquery.js?ver=2019030700:2
(anonymous) @ jquery.js?ver=2019030700:3
each @ jquery.js?ver=2019030700:2
each @ jquery.js?ver=2019030700:2
on @ jquery.js?ver=2019030700:3
b.fn.(anonymous function) @ jquery.js?ver=2019030700:4
b.fn.load @ jquery.js?ver=2019030700:4
ns.Editor @ h5peditor-editor.js?ver=2019030700:233
(anonymous) @ h5peditor-init.js?ver=2019030700:36
dispatch @ jquery.js?ver=2019030700:2
v.handle @ jquery.js?ver=2019030700:2
trigger @ jquery.js?ver=2019030700:2
(anonymous) @ jquery.js?ver=2019030700:3
each @ jquery.js?ver=2019030700:2
each @ jquery.js?ver=2019030700:2
trigger @ jquery.js?ver=2019030700:3
b.fn.(anonymous function) @ jquery.js?ver=2019030700:4
H5PEditor.init @ h5peditor-init.js?ver=2019030700:46
init @ editor.js?ver=2019030700:26
c @ jquery.js?ver=2019030700:2
fireWith @ jquery.js?ver=2019030700:2
ready @ jquery.js?ver=2019030700:2
H @ jquery.js?ver=2019030700:2
h5peditor.js?ver=2019030700:237 {readyState: 4, getResponseHeader: ƒ, getAllResponseHeaders: ƒ, setRequestHeader: ƒ, overrideMimeType: ƒ, …}
error @ h5peditor.js?ver=2019030700:237
c @ jquery.js?ver=2019030700:2
fireWith @ jquery.js?ver=2019030700:2
k @ jquery.js?ver=2019030700:4
r @ jquery.js?ver=2019030700:4
XMLHttpRequest.send (async)
send @ jquery.js?ver=2019030700:4
ajax @ jquery.js?ver=2019030700:4
ns.loadLibrary @ h5peditor.js?ver=2019030700:203
ns.LibrarySelector.loadSemantics @ h5peditor-library-selector.js?ver=2019030700:309
librarySelectHandler @ h5peditor-library-selector.js?ver=2019030700:56
ns.SelectorHub.getSelectedLibrary @ h5peditor-selector-hub.js?ver=2019030700:192
loadLibrary @ h5peditor-library-selector.js?ver=2019030700:68
call @ h5p-event-dispatcher.js?ver=2019030700:209
EventDispatcher.trigger @ h5p-event-dispatcher.js?ver=2019030700:240
ns.LibrarySelector.setLibrary @ h5peditor-library-selector.js?ver=2019030700:164
(anonymous) @ h5peditor-editor.js?ver=2019030700:179
c @ jquery.js?ver=2019030700:2
fireWith @ jquery.js?ver=2019030700:2
k @ jquery.js?ver=2019030700:4
r @ jquery.js?ver=2019030700:4
XMLHttpRequest.send (async)
send @ jquery.js?ver=2019030700:4
ajax @ jquery.js?ver=2019030700:4
load @ h5peditor-editor.js?ver=2019030700:148
dispatch @ jquery.js?ver=2019030700:2
v.handle @ jquery.js?ver=2019030700:2
load (async)
add @ jquery.js?ver=2019030700:2
(anonymous) @ jquery.js?ver=2019030700:3
each @ jquery.js?ver=2019030700:2
each @ jquery.js?ver=2019030700:2
on @ jquery.js?ver=2019030700:3
b.fn.(anonymous function) @ jquery.js?ver=2019030700:4
b.fn.load @ jquery.js?ver=2019030700:4
ns.Editor @ h5peditor-editor.js?ver=2019030700:233
(anonymous) @ h5peditor-init.js?ver=2019030700:36
dispatch @ jquery.js?ver=2019030700:2
v.handle @ jquery.js?ver=2019030700:2
trigger @ jquery.js?ver=2019030700:2
(anonymous) @ jquery.js?ver=2019030700:3
each @ jquery.js?ver=2019030700:2
each @ jquery.js?ver=2019030700:2
trigger @ jquery.js?ver=2019030700:3
b.fn.(anonymous function) @ jquery.js?ver=2019030700:4
H5PEditor.init @ h5peditor-init.js?ver=2019030700:46
init @ editor.js?ver=2019030700:26
c @ jquery.js?ver=2019030700:2
fireWith @ jquery.js?ver=2019030700:2
ready @ jquery.js?ver=2019030700:2
H @ jquery.js?ver=2019030700:2
h5peditor.js?ver=2019030700:238 parsererror
error @ h5peditor.js?ver=2019030700:238
c @ jquery.js?ver=2019030700:2
fireWith @ jquery.js?ver=2019030700:2
k @ jquery.js?ver=2019030700:4
r @ jquery.js?ver=2019030700:4
XMLHttpRequest.send (async)
send @ jquery.js?ver=2019030700:4
ajax @ jquery.js?ver=2019030700:4
ns.loadLibrary @ h5peditor.js?ver=2019030700:203
ns.LibrarySelector.loadSemantics @ h5peditor-library-selector.js?ver=2019030700:309
librarySelectHandler @ h5peditor-library-selector.js?ver=2019030700:56
ns.SelectorHub.getSelectedLibrary @ h5peditor-selector-hub.js?ver=2019030700:192
loadLibrary @ h5peditor-library-selector.js?ver=2019030700:68
call @ h5p-event-dispatcher.js?ver=2019030700:209
EventDispatcher.trigger @ h5p-event-dispatcher.js?ver=2019030700:240
ns.LibrarySelector.setLibrary @ h5peditor-library-selector.js?ver=2019030700:164
(anonymous) @ h5peditor-editor.js?ver=2019030700:179
c @ jquery.js?ver=2019030700:2
fireWith @ jquery.js?ver=2019030700:2
k @ jquery.js?ver=2019030700:4
r @ jquery.js?ver=2019030700:4
XMLHttpRequest.send (async)
send @ jquery.js?ver=2019030700:4
ajax @ jquery.js?ver=2019030700:4
load @ h5peditor-editor.js?ver=2019030700:148
dispatch @ jquery.js?ver=2019030700:2
v.handle @ jquery.js?ver=2019030700:2
load (async)
add @ jquery.js?ver=2019030700:2
(anonymous) @ jquery.js?ver=2019030700:3
each @ jquery.js?ver=2019030700:2
each @ jquery.js?ver=2019030700:2
on @ jquery.js?ver=2019030700:3
b.fn.(anonymous function) @ jquery.js?ver=2019030700:4
b.fn.load @ jquery.js?ver=2019030700:4
ns.Editor @ h5peditor-editor.js?ver=2019030700:233
(anonymous) @ h5peditor-init.js?ver=2019030700:36
dispatch @ jquery.js?ver=2019030700:2
v.handle @ jquery.js?ver=2019030700:2
trigger @ jquery.js?ver=2019030700:2
(anonymous) @ jquery.js?ver=2019030700:3
each @ jquery.js?ver=2019030700:2
each @ jquery.js?ver=2019030700:2
trigger @ jquery.js?ver=2019030700:3
b.fn.(anonymous function) @ jquery.js?ver=2019030700:4
H5PEditor.init @ h5peditor-init.js?ver=2019030700:46
init @ editor.js?ver=2019030700:26
c @ jquery.js?ver=2019030700:2
fireWith @ jquery.js?ver=2019030700:2
ready @ jquery.js?ver=2019030700:2
H @ jquery.js?ver=2019030700:2
h5peditor.js?ver=2019030700:239 SyntaxError: Unexpected token < in JSON at position 0
at JSON.parse ()
at parseJSON (jquery.js?ver=2019030700:2)
at Fn (jquery.js?ver=2019030700:4)
at k (jquery.js?ver=2019030700:4)
at XMLHttpRequest.r (jquery.js?ver=2019030700:4)
error @ h5peditor.js?ver=2019030700:239
c @ jquery.js?ver=2019030700:2
fireWith @ jquery.js?ver=2019030700:2
k @ jquery.js?ver=2019030700:4
r @ jquery.js?ver=2019030700:4
XMLHttpRequest.send (async)
send @ jquery.js?ver=2019030700:4
ajax @ jquery.js?ver=2019030700:4
ns.loadLibrary @ h5peditor.js?ver=2019030700:203
ns.LibrarySelector.loadSemantics @ h5peditor-library-selector.js?ver=2019030700:309
librarySelectHandler @ h5peditor-library-selector.js?ver=2019030700:56
ns.SelectorHub.getSelectedLibrary @ h5peditor-selector-hub.js?ver=2019030700:192
loadLibrary @ h5peditor-library-selector.js?ver=2019030700:68
call @ h5p-event-dispatcher.js?ver=2019030700:209
EventDispatcher.trigger @ h5p-event-dispatcher.js?ver=2019030700:240
ns.LibrarySelector.setLibrary @ h5peditor-library-selector.js?ver=2019030700:164
(anonymous) @ h5peditor-editor.js?ver=2019030700:179
c @ jquery.js?ver=2019030700:2
fireWith @ jquery.js?ver=2019030700:2
k @ jquery.js?ver=2019030700:4
r @ jquery.js?ver=2019030700:4
XMLHttpRequest.send (async)
send @ jquery.js?ver=2019030700:4
ajax @ jquery.js?ver=2019030700:4
load @ h5peditor-editor.js?ver=2019030700:148
dispatch @ jquery.js?ver=2019030700:2
v.handle @ jquery.js?ver=2019030700:2
load (async)
add @ jquery.js?ver=2019030700:2
(anonymous) @ jquery.js?ver=2019030700:3
each @ jquery.js?ver=2019030700:2
each @ jquery.js?ver=2019030700:2
on @ jquery.js?ver=2019030700:3
b.fn.(anonymous function) @ jquery.js?ver=2019030700:4
b.fn.load @ jquery.js?ver=2019030700:4
ns.Editor @ h5peditor-editor.js?ver=2019030700:233
(anonymous) @ h5peditor-init.js?ver=2019030700:36
dispatch @ jquery.js?ver=2019030700:2
v.handle @ jquery.js?ver=2019030700:2
trigger @ jquery.js?ver=2019030700:2
(anonymous) @ jquery.js?ver=2019030700:3
each @ jquery.js?ver=2019030700:2
each @ jquery.js?ver=2019030700:2
trigger @ jquery.js?ver=2019030700:3
b.fn.(anonymous function) @ jquery.js?ver=2019030700:4
H5PEditor.init @ h5peditor-init.js?ver=2019030700:46
init @ editor.js?ver=2019030700:26
c @ jquery.js?ver=2019030700:2
fireWith @ jquery.js?ver=2019030700:2
ready @ jquery.js?ver=2019030700:2
H @ jquery.js?ver=2019030700:2
Frode Petterson
@Hartmut Could you open the Network tab inside the debugger and click the request that is failing? Selecting the XHR filter first will make it easier to see.
To be able to tell why the request is failing we need to know what's inside the response for the request inside the Network tab.
Hartmut Karrasch
@Frode
Failed to load resource: the server responded with a status of 404 (not found)
codemirror.css:1 Failed to load resource: the server responded with a status of 404 (not found)
fullscreen.css:1 Failed to load resource: the server responded with a status of 404 (not found)
jquery.js?ver=2019030700:2 Allow attribute will take precedence over 'allowfullscreen'.
attr @ jquery.js?ver=2019030700:2
h5peditor.js?ver=2019030700:236 Ajax request failed
error @ h5peditor.js?ver=2019030700:236
h5peditor.js?ver=2019030700:237 Object
error @ h5peditor.js?ver=2019030700:237
h5peditor.js?ver=2019030700:238 parsererror
error @ h5peditor.js?ver=2019030700:238
h5peditor.js?ver=2019030700:239 SyntaxError: Unexpected token < in JSON at position 0
at JSON.parse ()
at parseJSON (jquery.js?ver=2019030700:2)
at Fn (jquery.js?ver=2019030700:4)
at k (jquery.js?ver=2019030700:4)
at XMLHttpRequest.r (jquery.js?ver=2019030700:4)
error @ h5peditor.js?ver=2019030700:239
jquery.dataTables.css:1 Failed to load resource: the server responded with a status of 404 (not found)
codemirror.css:1 Failed to load resource: the server responded with a status of 404 (not found)
fullscreen.css:1 Failed to load resource: the server responded with a status of 404 (not found)
Regards
Hartmut
Hartmut Karrasch
@Frode
Highlighted in red are:
jquery.dataTables.css 404 modedit.php?=27625&return=0&se=0
codemirror.css 404 modedit.php?=27625&return=0&se=0
fullscreen.css 404 modedit.php?=27625&return=0&se=0
Regards
Hartmut
Frode Petterson
@Hartmut Are you able to open the Network tab in the debugger and then view the response of the failing request? It should be highlighted in red. This should give us a pretty good idea of what's going on.
Also, you could check your web server's error_log file for any messages.
Hartmut Karrasch
I found the following:
Ajax request failed h5peditor.js:236:13
Object { readyState: 4, getResponseHeader: getResponseHeader(), getAllResponseHeaders: getAllResponseHeaders(), setRequestHeader: setRequestHeader(), overrideMimeType: overrideMimeType(), statusCode: statusCode(), abort: abort(), state: state(), always: always(), then: then(), … }
h5peditor.js:237:13
parsererror h5peditor.js:238:13
SyntaxError: "JSON.parse: unexpected character at line 1 column 1 of the JSON data"
parseJSON4jQuery
Maybe this helps?
Hartmut
Frode Petterson
Hi Hartmut,
Could you try opening the browser console(Ctrl+Shift+J in Chrome) and then reload the page? Do you see any error messages?
Hartmut Karrasch
Hello just updated the Moodle-Plugin to 1.16. on our Moodle 3.3 - Server
I can view theold content, but editing the content or add new content is not possible.
I can choose the content type, but then a wheel is turning and turning and turning.
Any ideas?
Hartmut
Kathryn Woodhead
Hi, I have moodle version 3.7 and adaptable theme. I tried to add an interactive video but once complete there was no option to save it on my course? I clicked both save and display and save and return to course, both times it is not saved and just says Please select a content type. It seems to do the same thing for any interactive content?
Thomas Marstrander
Happy to hear it, don't hesitate to contact us on the H5P.org forums (https://h5p.org/forum) if you have any questions or run into any problems.
Thomas Marstrander
Hi Jesus, please post to the H5P.org forums, which is a better suited medium for support requests, if you're having problems: https://h5p.org/forum/10, and include detailed steps and information on how you're able to reproduce this.
Jesus Marquez
Hi,
I get this error:
ID de módulo de curso no válida
Debug info: SELECT id,course FROM {course_modules} WHERE id IS NULL
[array (
)]
Error code: invalidcoursemodule
Stack trace:
line 1546 of /lib/dml/moodle_database.php: dml_missing_record_exception thrown
line 1522 of /lib/dml/moodle_database.php: call to moodle_database->get_record_select()
line 6817 of /lib/accesslib.php: call to moodle_database->get_record()
line 629 of /mod/hvp/classes/file_storage.php: call to context_module::instance()
line 443 of /mod/hvp/classes/file_storage.php: call to mod_hvp\file_storage->getFile()
line 262 of /mod/hvp/editor/h5peditor.class.php: call to mod_hvp\file_storage->cloneContentFile()
line 198 of /mod/hvp/editor/h5peditor.class.php: call to H5peditor->processFile()
line 177 of /mod/hvp/editor/h5peditor.class.php: call to H5peditor->processField()
line 218 of /mod/hvp/editor/h5peditor.class.php: call to H5peditor->processSemantics()
line 177 of /mod/hvp/editor/h5peditor.class.php: call to H5peditor->processField()
line 229 of /mod/hvp/editor/h5peditor.class.php: call to H5peditor->processSemantics()
line 236 of /mod/hvp/editor/h5peditor.class.php: call to H5peditor->processField()
line 177 of /mod/hvp/editor/h5peditor.class.php: call to H5peditor->processField()
line 229 of /mod/hvp/editor/h5peditor.class.php: call to H5peditor->processSemantics()
line 236 of /mod/hvp/editor/h5peditor.class.php: call to H5peditor->processField()
line 177 of /mod/hvp/editor/h5peditor.class.php: call to H5peditor->processField()
line 229 of /mod/hvp/editor/h5peditor.class.php: call to H5peditor->processSemantics()
line 177 of /mod/hvp/editor/h5peditor.class.php: call to H5peditor->processField()
line 218 of /mod/hvp/editor/h5peditor.class.php: call to H5peditor->processSemantics()
line 145 of /mod/hvp/editor/h5peditor.class.php: call to H5peditor->processField()
line 161 of /mod/hvp/lib.php: call to H5peditor->processParameters()
line 109 of /mod/hvp/lib.php: call to hvp_save_content()
line 577 of /course/modlib.php: call to hvp_update_instance()
line 153 of /course/modedit.php: call to update_moduleinfo()
Output buffer:
Notice: Trying to get property 'id' of non-object in /apps/www/html/moodledev/mod/hvp/classes/file_storage.php on line 629
This error happens when I edit a H5P.
Software version: moodle 3.5, H5P version 1.10.
Any help, thank
Thomas Marstrander
Hi Sa Ku,
When creating the interaction/question inside the video you can check the checkbox that says 'pause video', this will pause the video when you reach the question. Please check our tutorial for creating Interactive Videos: https://h5p.org/tutorial-interactive-video#guides-header-23.
If you have any further questions please direct them to the H5P.org forums where there may already be answers or other community members can answer: https://h5p.org/forum