An HTML5-based interactive video content type allowing users to add multiple choice and fill in the blank questions, pop-up text and other types of interactions to their videos using only a web browser. Make your videos more engaging with H5P and interactive video in publishing systems like Canvas, Brightspace, Blackboard, Moodle and WordPress.
Would you like to create content like this on your own?Get started
Register on H5P.com to start creating H5P Interactive content. Your content can be accessed via direct link, embeded, or inserted into any learning management system that supports LTI integration.
Videos may be enriched with interactivities like explanations, extra pictures, tables, Fill in the Blank and multiple choice questions. Quiz questions support adaptivity, meaning that you can jump to another part of the video based on the user's input. Interactive summaries can be added at the end of the video. Interactive videos are created and edited using the H5P authoring tool in a standard web browser.
Learn how to create Interactive videos in this tutorial.
The following H5P content types may be added to your video:
- Multiple choice questions with one or more correct answers
- Free text questions
- Fill in the blank questions
- Drag and drop questions
- Interactive summaries
- Single choice question sets
- Mark the word activities
- Drag and drop text
All question types can be configured to perform adaptive behavior, meaning that a correct answer could cause the user to skip to a specified place in the video while an incorrect answer could take the user somewhere else in the video. Typically, submitting a wrong answer will cause the user to be directed to the place in the video where the answer to the question is presented.
You may also add bookmarks so that your users can skip to specified sections of the video on demand.
The H5P content on this page is licensed under Creative Commons Attribution 4.0 International unless another Creative Commons license is specified under rights of use. The author of the content is Joubel
New to H5P? Read the installation guide to get H5P on your own site.
Sat, 07/12/2014 - 23:59
I'm having a problem adding new content to Wordpress. The H5P plugin is installed, and I've downloaded content from this site and unzipped it. But this new content can't be uploaded to Wordpress, apparently because the files aren't saved as hp5? Help...
Fri, 01/16/2015 - 00:13
had exactly the same issue
had exactly the same issue with WP as ajolly2.
Will do a screen capture to share whats going on for me, perhaps that would help?
Tue, 01/20/2015 - 16:32
That would help, and please
Sun, 07/20/2014 - 00:06
Are you using ie?
IE recognizes our h5p files as zip files. We will find a soution for that, but if you're using ie maybe you could try a different browser? Firefox and Chrome should work.
Sat, 07/26/2014 - 18:06
wordpress problem with firefox & chrome too
They just crank and crank and never upload. Is h5p file size an issue?
Sat, 07/26/2014 - 18:30
Finally got it
Third try - Chrome loaded this one...finally
Mon, 07/28/2014 - 15:25
Strange, glad you were able
Strange, glad you were able to get it up and running. File size is a problem indeed.
Sat, 08/02/2014 - 02:23
It looks good so far and the smaller content type files load fine. But these large ones don't seem to work. I've tried both Chrome and Firefox. I'm waiting and waiting for Interactive Videos and Presentations. I know they are big and should take a while. They don't seem to resolve with the built in loader.
Is there a way to upload them directly? Where do they go?
Tue, 08/05/2014 - 12:02
Maybe it is a problem with
Maybe it is a problem with your file size limits? Check this post in the forum.
Mon, 09/15/2014 - 22:34
interactive video too big
I think interactive video package is too large. It seems to be 23MB maybe because of the video? Is it possible to put a smaller version without the video so people could load it easier without modifying server php settings.
Tue, 10/14/2014 - 14:39
Interactive Video in IPhones
Interactive video works great on desktops and ipad... But fails to show the interaction parts on my iPhone.
Is this a known issue?
Is there a fix?
Tue, 10/14/2014 - 15:23
iPhone doesn't support HTML5 video
This is a known problem. The iPhone plays its videos in the video app or something. They doesn't use the web browser and HTML5 video. iPads however uses HTML5 video. Beacause of this it works on iPads, Android phones and Windows Phones but not iPhones. Hopefully the iPhone will soon support HTML5 video as well. It does come with a lot bigger screens now.
Thu, 07/14/2016 - 06:29
iPhone finally supports html5 video
This exmple shows that it is possible to play html5 video on iphone Safari without native fullscreen. FINALLY!
Thu, 07/14/2016 - 09:47
Great! Thank you for sharing
Great! Thank you for sharing!
There have been ways to fake it that doesn't work with Interactive Video and/or uses a lot of power. This one seems to play the audio separately and draw up one and one frame "manually" to fake that the video is playing, but does not seem to support all the events that H5P needs in order to work. We will investigate this method further and see how much power it consumes compared to normal video playback and also how much work it will be to add the features we need for Interactive Video. I also saw that IOS 10 will have native support for inline video which is really awesome!
Sun, 07/29/2018 - 19:22
Works on iPhone 6 with iOS 11 in Chrome and Safari
Works for me, anyway :-)
Fri, 11/14/2014 - 12:30
I'm having a problem months ago... I haven't can upload the video file.
I'm trying in Wordpress v. 4.0 and the H5p plugin versión 1.2.1. I think it's no files size limits problem. This is my conf:
When I upload the 618.h5p file, it's uploading until 100%, and when it's finished, appears this message:
"Network Error (tcp_error) A communication error occurred: "" The Web Server may be down, too busy, or experiencing other problems preventing it from responding to requests. You may wish to try again at a later time. For assistance, contact your network support team."
Can somebody help me? I'm very interested using this plugin.
Thanks in advance,
Fri, 11/14/2014 - 13:41
It doesn't seem to be an H5P
It doesn't seem to be an H5P problem, but a problem with your server configuration. Are you able to upload other big files, for instance videos?
Wed, 11/19/2014 - 17:43
Hi falcon, Thank you very
Thank you very much for your answer. I can upload videos up to 128MB without problems. Can you (or anyone) tell me what checks can I do to test what it's the problem?
Thanks in advance
Thu, 11/20/2014 - 10:49
Strange. We've seen something
Strange. We've seen something similar on some hostet wordpress environments, but haven't found the source of the problem yet. Where are your site located? What host are you using?
Thu, 11/20/2014 - 19:21
Hi falcon, thanks againMy
Hi falcon, thanks again
My wordpress is hosted in a Strato (www.strato.es) virtual server.Do you need some extra info about the server?
Mon, 11/24/2014 - 15:33
Ok, I've asked icc to have a
Ok, I've asked icc to have a look at this!
Mon, 11/24/2014 - 16:56
What is your virtual server
What is your virtual server running? Windows + Apache?
Where are you getting this error message? Your web server's error.log?
Could there be software blocking upload of certain file types?
Tue, 11/25/2014 - 10:21
Thanks for your answers,
The info you ask for:
- OS:Ubuntu 12.04.2 LTSPanel Version (PLESK)
11.0.9 Update #63
- Wordpress v. 4.0 and the H5P plugin version 1.2.1.
- I do the next steps: I enter in my admin panel in wordpress, menu H5P content / Add new / Upload / and I select the 618.h5p file (previously downloaded) and press "Create". Then, The file is uploading until 100% and at this moment, the message in the bottom bar (in the browser) is "Waiting for autoes......com..." and then, the error:Network Error (tcp_error)
A communication error occurred: ""The Web Server may be down, too busy, or experiencing other problems preventing it from responding to requests. You may wish to try again at a later time.
For assistance, contact your network support team.
- Here you can find the phpinfo: http://autoescuelainteligente.com/info.php
I've disabled my antivirus, firewall, ...
I don't know if I'm doing something wrong...
Is there anyway to upload the 618.h5p by ftp or similar?
Thanks in advance...
Tue, 11/25/2014 - 11:15
I forgot to say you I can
I forgot to say you I can upload others content type as Drag and Drop, Image Hotspot, Time Line, Fill in the blanks... without problems... :S
Mon, 07/17/2017 - 16:27
Drag & Drop in Interactive Video -- trouble with small window
Hi, when we attempt to create a drag & drop within the Interative Video,
There are 2 remove and done buttons so it gets confusing. The Done button at the top finishes the entrie ativity, whereas the done button at the bottom finishes the specific drag and drop task. Many teahcers miss the done button at the bottom due to the need to scroll down. The other issue is if a teacher decides to remove a hot spot and click the remove at the top, it removes the entire hot spot activity, not the individual drop spot (since they need to click the remove at the bottom to do that).
Is there a way to either rename the buttons so one ones what each done exactly means, or get rid of the scroll? This only occurse when adding the drag and drop in the interactive video.
Done at top:
Done at bottom:
Tue, 07/18/2017 - 06:56
Hi 21cccs,I see what you mean
I see what you mean and I understand the need for changes on the label of the buttons. Although I think we are talking about a "Drag & Drop" interaction within an "Interactive Video" contained in a "Course Presentation" right? I suggest that you head over to the Feature Request forum for better visibility of your request.
Tue, 11/25/2014 - 12:10
Thank you for the information
Thank you for the information. Your phpinfo looks ok, but note that post_max_size cannot be smaller than upload_max_filesize. But I don't think that's the issue here. It seems to be releated to the size of the file, or php hanging somehow. Could you look for a error.log/error_log file for apache, it should be located under /var/log/httpd/. If you cannot find it try using this plugin: https://wordpress.org/plugins/log-viewer/ When WP_DEBUG_LOG is set in wp-config.php it should log all messages to a file.
Also if you enable WP_DEBUG in your wp-config.php, that could provide us with some more helpful messages.
Thank you for helping solve this issue. I'm sure there are more people facing the same problems.
Thu, 11/27/2014 - 18:01
Thanks you for support :)I've
Thanks you for support :)
I've installed the log viewer plugin because I can't find any error in the logs from apache. And this is the result of the log viewer. The unique log file is: Showing /wp-content/debug.log
[26-Nov-2014 15:59:43 UTC] PHP Warning: Invalid argument supplied for foreach() in /var/www/vhosts/autoescuelainteligente.com/httpdocs/wp-content/plugins/h5p/public/class-h5p-plugin.php on line 744
[26-Nov-2014 19:31:59 UTC] PHP Warning: Invalid argument supplied for foreach() in /var/www/vhosts/autoescuelainteligente.com/httpdocs/wp-content/plugins/h5p/public/class-h5p-plugin.php on line 744
[27-Nov-2014 11:08:07 UTC] PHP Warning: Invalid argument supplied for foreach() in /var/www/vhosts/autoescuelainteligente.com/httpdocs/wp-content/plugins/h5p/public/class-h5p-plugin.php on line 744
[27-Nov-2014 16:28:25 UTC] PHP Warning: Invalid argument supplied for foreach() in /var/www/vhosts/autoescuelainteligente.com/httpdocs/wp-content/plugins/h5p/public/class-h5p-plugin.php on line 744
From yesterday, I've tried to upload the 618.h5p at least 3 times :S
I don't know if I'm doing something wrong... what do you think? :S
I've updated the plugin to 1.2.2 version.
Fri, 11/28/2014 - 13:26
Ok it seems like the file
Ok it seems like the file never reaches the h5p code then. That means the issue might be with apache. The warnings you got is just cron trying to clean up unused files. (which you have none of)
Can you try finding the directive LimitRequestBody in you apache config? It should be larger than the size of the file you are trying to upload.
Mon, 12/01/2014 - 10:59
I can't find this directive in any config file, so I've written this and set to 0 in my apache config file. After that, I have the same error :S
I don't know what to do...
Thanks in advance for all your support
Mon, 12/01/2014 - 12:47
Do you have some sort of
Do you have some sort of firewall, or ddos protection running on the server or your computer?
I see people having similar issues where the firewall closes the connection / file upload.
I do believe this must be releated to your webserver setup, and not WordPress or H5P.
Fri, 12/05/2014 - 12:56
I'm checking my server's stuff. I'll write again if I find something.
Thank you for your help.
Tue, 12/09/2014 - 21:41
Same problem still
I am still having the same problem, and it is because of the file size.
Was able to fix it
1. rename the 618.h5p to 618.zip
2. Delete the video file inside the zip
3. Rename the file back to 618.h5p (file size changed from 22mb to 10mb)
4. Upload it again,
5. library installed
This is how i got it working finally on Drupal 7 Apache (512mb php memory)
Wed, 12/10/2014 - 10:58
It looks like the size is the problem... I've followed your steps and voilà!!!!! I have installed the video interactive library!!!
Thank you very much everybody! I'm happy now!!! :) :)
Wed, 12/10/2014 - 11:01
Thank you for the feedback.
Thank you for the feedback.
Perhaps we should change the example content into using smaler videos, or use external video sources.
Mon, 12/15/2014 - 22:42
Also note that all libraries
Also note that all libraries may be installed without content by following this guide :)
Mon, 03/02/2015 - 21:37
File size + H5P content types as a single file
Like others, I downloaded the "interactive video" library, tried to upload it to my server, got upload problems because of the file size, removed the video content from the archive... before I got it working. So I think it will be great to make the "H5P content types as a single file" link more visible on the page (I downloaded few other libraries as well, and I would have just used that single file if I had known it existed before). Using external video might be a good idea too.
Thanks for all the work, H5P is great !
Tue, 03/03/2015 - 15:27
You're right, we will soon
Tue, 12/16/2014 - 13:07
Navigation to a bookmark with multiple choice question
First of all I'd like to give my best wishes to you all for your documentation,
I use wordpress and want to navigate the user automatically depending on wrong or right answer. For instance; if the answer=a (true) then go to bookmark 1 (some moment on my video) if the answer=b (wrong) then go to bookmark 2,
Is it possible to add a control like this?
Thanks in advance...
Fri, 12/19/2014 - 20:11
Not yet. We will add the
Not yet. We will add the fundamentals for it when we add our xAPI integration, and hopefully others will build on top of that. Stay tuned!
Mon, 12/22/2014 - 11:04
Error: Video format not supported.
When i try ti "add interactions" i get - Error: Video format not supported.
Mon, 01/05/2015 - 08:55
It sounds like the video file
It sounds like the video file you've uploaded can't be played by your browser. Which format are you using? It's recommended to upload both mp4 and webm to support all browsers.
Mon, 06/15/2015 - 00:01
Video format not supported on IE 11
Did you ever find out why you got this " Video format not supported"
I am having the same error but only with Internet Explorer 11 on windows 8.1 (windows 7 and IE 11 plays the video fine).
I have tried all possible mp4 formats/resolutions (converted with Adobe Premiere) but every version of the mp4 video gives " Video format not supported" on IE 11 and windows 8.1.
I am starting to believe that this error is related maybe something on windows 8.1. it could be the newest quick time coded which I recently installed..or who knows what. So basically on my machine interactive video is not working at all on IE 11.
My settings are: Drupal 7
H5p module 1.8 version
Latest interactive video library
Mon, 06/15/2015 - 10:01
Try to use a source from
Try to use a source from another video on the internet that you know works in IE11, e.g. http://distribution.bbb3d.renderfarming.net/video/mp4/bbb_sunflower_1080p_30fps_normal.mp4
If it works, it's most likely something wrong with the file you've converted, or your web server setup. If it doesn't work you might have found a bug in the interactive video player.
Sat, 01/10/2015 - 13:40
youtube and vimeo support?
I am very interested in youtube and vimeo support. May I know current status? If possible then the next step is be able to setup up starting point and end point in the video. It would be very powerfull if it can be integrated to interactive video.
Mon, 01/12/2015 - 09:20
YouTube is coming!
YouTube support is on the way. No Vimeo support is planned yet. One big issue with Vimeo is its TOS, you simply must use their player, timeline, buttons, etc.
With YouTube you have to have a clickable YouTube logo on top of the video.
Mon, 01/12/2015 - 10:32
Is there any test version
Is there any test version currently?
Tue, 01/13/2015 - 13:36
No, not yet :/
Sat, 02/07/2015 - 23:25
Interactice video player asks for Flash plugin
Got a message in the video player:
"Flash version 10,1 or greater is required
You have no flash plugin installed
Download latest version from here"
Message comes only when using Safari browser on Windows. Other browser are working fine.
Platform is Drupal 7
Mon, 02/09/2015 - 09:31
Apple stopped developing