Interactive Video

Primary tabs

Submitted by Joubel on Mon, 06/10/2013 - 23:12

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.

617

Smoothie

Joubel

This Interactive Video demonstrates some of the key features. You can add many different types of questions and informational resources. Interactions may or may not pause the video when they appear. They may appear directly or as a button that users can choose to click to reveal the resource. Questions may be adaptive in the sense that the user's answer determines where the user is sent after the answer is provided.

27611

Video Based Game

Joubel

Here we demonstrate how Interactive Video may be used to create a game. We've disabled skipping forward in the video under "Behavioural settings" and instead added hidden layers on top of the video that users click to navigate in the video.

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.

And more

Description

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.

Features

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
Images
Tables
Labels
Texts
Links

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

View source code on Github

New to H5P? Read the installation guide to get H5P on your own site.

Comments

21cccs

Wed, 11/02/2016 - 15:16

Summary at end of video

I wanted to re-post with correct terminology: At the end of the interatcive video, is it possible to add the "summary" tab page that is featured in the "course presentation"?

Thank you,

tomaj

Thu, 11/03/2016 - 08:01

Trough interactions?

Can you use interactions to do this? Add a text, or table at the end of the video?

Thu, 11/03/2016 - 14:43

Tough Interactions?

If I add the table, would that auto populate how the students did in the activities throughout the video?

fnoks

Thu, 11/03/2016 - 14:47

No, it won't- Unfortunately,

No, it won't. Unfortunately, there is no summary page in Interactive Video. I believe that will come at some point! :)

science topics

Sat, 12/24/2016 - 14:29

Biology

Eyugduhg

Steve Covello

Wed, 01/04/2017 - 20:24

Restricting the Summary library affects Interactive Video

I am using H5P in Moodle 3.1 and restricted (disabled) the Summary library because we determined we did not need it as a course resource. However, when the Summary library was disabled, I could not import a pre-existing Interactive Video file because it said that the Summary library was not available.

If I understand this correctly, the Summary library has to be active whether you use it or not because it is an integral part of the Interactive Video tool set (whether you use the Summary tab or not). This seems odd since the Summary library is not listed as a dependent library under the Interactive Video library in the Moodle plugin admin.

It would be nice if there was a way to disable the main Summary library while not also disabling the Interactive Video's ability to import existing content. We do not want faculty using the Summary tool but now we must have it available.

Thu, 01/05/2017 - 08:22

Hi,There is a permission

Hi,

There is a permission called "Use restricted H5P libraries" (mod/hvp:userestrictedlibraries), will that help you in any way?

Anyways, we will test this to see if some improvements should be done!

Thu, 01/05/2017 - 08:25

Created task on it

I've created a Jira task, so that it will be investigated.

- Tom

Thu, 01/05/2017 - 14:36

Use restricted H5P libraries

I'm unclear about the effect of activating this permission. If I restrict the Instructor role from accessing restricted libraries, what does this setting do? Does this enable Instructors to use the Interactive Video to use the Summary library even if it is restricted? How is this different than leaving Summary unrestricted, from a functional perspective?

Thu, 01/19/2017 - 09:29

Hi,I have tried reproducing

I have tried reproducing this, but am not able to. I suspect this is not related to restricting Summary, but instead related to different versions of Summary. What was the exact warning message you got?

anikneogi

Sun, 01/08/2017 - 22:18

16 MB Upload Limit (Interactive Video)

Does the 16 MB upload limit for Interactive Videos on this site apply to the plugin for Moodle as well?

Thanks!

Mon, 01/09/2017 - 09:23

Hi,H5P.org is setup this way

H5P.org is setup this way to avoid running out of disk space. If you have your own H5P-site (WordPress, Drupal or Moodle), you decide what kind of upload limit there should be. Read more about relevant configuration parameters here: https://h5p.org/installation/configure-php

Thu, 01/12/2017 - 23:13

Perfect! Thanks very much for

Perfect! Thanks very much for your reply.

Qsento

Wed, 01/18/2017 - 11:42

Change time position of questions

I've made several answers on top of the video layer. Due to some changes in the video I would like to change the pop-up time position of the questions. Is this possible or will this be possible in the future?

icc

Thu, 01/19/2017 - 09:40

Hi! I'm not quite sure I

Hi! I'm not quite sure I understand what you'asking. Yes, you can change when the interaction appears and for how long it's displayed by editing it. You can do so by double-clicking the interaction or using the edit button when the interaction is selected.

Sat, 01/21/2017 - 14:23

Moving questions on the timeline

Thank you for your reply. Reading your answer I didn't make myself clear enough on this topic.
I've made a complete interactieve video about an IT application. Due to some changes in the IT software (which will occur many times in the future) I had to make a new movie. Fortunately the questions didn't change. But after uploading the new movie I had to change to the position of the questions on the timeline to be able to synchronize the 'old' questions with the 'new' movie. This isn't possible because the interactions points are fixed on the timeline.

Question: Is there a solution to this? For me the advantage will be a reuse of material without spending too much time on both a new movie and filling out the old questions again.

Mon, 01/23/2017 - 09:24

Unfortunately, there is no

Unfortunately, there is no easy way of moving and adapting all of the interactions to a new video source. The tool should definitely have had some sort of drag and drop timeline which would have made this a whole lot easier. I hope we are able to see such a feature in the future of the tool.

If you're a technical person there is one thing you could try. Download the .h5p file, open it in a zip program and then edit the content/content.json file. You should probably use a JSON compatible editor program for this but you could use any text editor. Here you can manually change all the timecodes. But be warned that if you mess up the syntax, the file will not work when uploaded again.

Mon, 01/23/2017 - 13:05

Thank you very much for your reply. This makes it quite clear and now I'm able to help another one. I'll look to future improvements on this.

mahesh68

Thu, 01/26/2017 - 00:59

Elearning

I am a teacher.i want to create elearing material for my pupils

tim

Thu, 01/26/2017 - 09:15

Hi, do you have any questions

Hi, do you have any questions? :)

drasparagus

Mon, 01/30/2017 - 17:36

New Error/Issue when uploading to WordPress

We have received the following error upon uploading new videos to the "interactive video" plugin on Wordpress: "File not found on server. Check file upload settings." We even tried re-uploading a previously-successful (uploaded) video file and received the same message. Was there an update that introduced a new bug? We are awaiting advice/response from our WP admin on this as well, but please advise if there are any known issues regarding video uploads in the last week. The last successful video upload/implementation was on 20 Jan. Thanks so much for any advice you may be able to provide.

Tue, 01/31/2017 - 07:55

Hi Drasparagus,You are the

Hi Drasparagus,

You are the second person that have reported this issue. We will look into it today.

Tue, 01/31/2017 - 15:24

Thank you for the update, Tom

Thank you for the update, Tom. Keep up the great work!

Wed, 02/01/2017 - 14:34

Which browser and version are

Which browser and version are you using?

Does any of the other upload fields work on the site?

Do you get any error messages in your web server's error_log file when uploading?

This error message is triggered quite early and it means that PHP did not deliver the uploaded file to the H5P plugin, which in turn means that PHP ran into some issue receiving the file. The only error that I'm familiar with that will trigger this error message is setting POST_MAX_SIZE to be smaller than MAX_UPLOAD_SIZE in php.ini. Please verify that both values are larger than the size of the file you're trying to upload.

Please note that your web server may also impose restrictions on the max size of the request body – but then you would typically get another error message :-)

Thu, 02/02/2017 - 16:03

Which browser and version are
Which browser and version are you using? I used Google Chome v.
55.0.2883.87 m, Firefox versions 50.1.0 51.0.1 (32-bit), IE v. 11.57614393.0, and Microsoft Edge 38.14393.0.0 Microsoft EdgeHTML 14.14393. I got the same error with all but IE. In IE it spins, then asks if I want to run a json file (admin-ajax.json). Regardless if I say yes or no, it just spins and spins (over 15 minutes) without anything else happening.

Does any of the other upload fields work on the site? I can create other activities, including uploading photos.

I've also forwarded the info about the web server log file and PHP to our server admin (who is coincidentally out for training this week, so available sparingly) and am awaiting response. I will update accordingly. Thank you for your excellent and detailed response thus far. We are going to have to give you guys a huge shout out on our acknowledgements page when our Online Reading Comprehension Lab goes live!

Fri, 02/03/2017 - 08:45

Aha, so it's only the source

Aha, so it's only the source for the interactive video that isn't working? How large is the video file you're trying to upload, and what format is it?

If you are able to share the file somehow so that we could test it on another site, that would be neat.

Sat, 02/04/2017 - 00:03

Yes, it appears so (only the

Yes, it appears so (only the source for interactive video). File sizes range from ~12-39mb, with one upwards of about 60mb. They are all mp4 files encoded exactly the same since we've been using the H5P tools. I will upload one somewhere neutral and send you a link. Thanks so much, you guys are awesome!

Mon, 02/06/2017 - 09:26

Ah, great! This is really a

Ah, great! This is really a strange issue – I don't think we've heard about something similar, yet. It would be nice to know the cause of this.

geoffe

Tue, 02/14/2017 - 16:51

Free-text box

Would it be possible to have an open text box to capture free text from viewers?

Wed, 02/15/2017 - 09:42

That's an excellent idea

That's an excellent idea @geoffe. There have been some suggestions of having 'open-ended' questions elsewhere on the forums. Perhaps you could start/join one of the discussions there to see who is interested in building such a feature?

- Tim

Wed, 02/15/2017 - 10:07

Hi,This is already possible

This is already possible by using the Questionnaire content type inside Interactive Video. Have you tried that one to see if it covers your needs?

Wed, 02/15/2017 - 16:16

Thanks fnoks. I can't see the

Thanks fnoks. I can't see the questionnaire type interaction in the interactive video editor?

Geoff

Thu, 02/16/2017 - 08:31

Hi,where are you creating

where are you creating H5Ps? Here on h5p.org or elsewhere? If you are using H5P on your own site, please go to H5P Settings page, and enable LRS dependent content types. To get the answers from the users in the Questionnaire, you would need an LRS to receive them.

Marcel2017

Mon, 03/06/2017 - 08:44

Coloured dots

I would like to use interactive video in an e-learning exercise about safety at work, for example: 'Stop the video when you see a dangerous situation.' The student gets feedback about the intervention: 'Well done! You have detected a dangerous situation at the right time.' Or: 'You stopped the video too early: there is no dangerous situation yet.' Etc. etc. I figured out how to create an assignment like this, but unfortunately the coloured dots under the video give away the intervention moments and in consequence (part of) the answer. Is it possible to hide these coloured dots? Thanks for your reply!

falcon

Sun, 03/05/2017 - 14:07

Unfortunately it isn't

Unfortunately it isn't currently possible to hide the dots unless you have access to developers :/

roblespar

Thu, 03/16/2017 - 04:25

URGENT: Articulation of NAVIGATION HOTSPOT with CROSSROADS

The HOTSPOT feature lacks a control that lets you to automatically jump to a video segment after a CROSSROADS branch is played. The HOTSPOT requires a CLICK to proceed. If you have a series of spoken video responses to a CROSSROADS branch question you may want to jump to the end of the responses to continue the video without having to click to activate the HOTSPOT navigation.
RECOMMEND
Change "Go to on click" to "Go to" and add a checkbox "On click". This is similar to how "Pause Video" works

Thu, 03/16/2017 - 07:09

Hi Roblespar,Thanks for the

Hi Roblespar,

Thanks for the feedback. You might want to post this i the feature request forum, as it has a greater chance of being noticed when it's time to plan a relase.

[email protected]

Wed, 06/07/2017 - 23:27

edume

Fri, 06/16/2017 - 13:14

Problems with Editor

in moodle 3.1. adding an interaction the editor doesn't load. What to do?

I can't start working with it right now :/

Fri, 06/16/2017 - 14:53

If you open the browser's

If you open the browser's console (Ctrl+Shift+J in Chrome) do you see any error messages when reloading the page?

Timothy Crook

Wed, 06/28/2017 - 12:01

Start and end times on embedded streamed video

HI there

I am trying to work out how to add an END time to a video playing in H5P streamed from Youtube. Setting up start time is easy enough through settings but is it possible to add an end time for extracts of longer videos?

Please let me know,

Thanks

Tim

BV52

Wed, 06/28/2017 - 16:28

Hi Tim,Right now this is not

Hi Tim,

Right now this is not possible. Although there already is a feature request for this.

-BV52

Wed, 06/28/2017 - 16:34

Thanks for the info BV52

Thanks for the info BV52.Useful to know :)

Zaly

Thu, 06/29/2017 - 23:35

Forbidden error

Hi, I'm not sure if this is the right place, so I appologize in advance if is not.

I have H5P into Moodle, using its plugin. So far I've been able to set some activities, but the Interactive Video give me a 403 Forbidden error, each time I try to save the activity. Other activities like fill the blanks can be saved, but Interactive Video load the 403 page with this message:
You don't have permission to access /course/modedit.php on this server.

Could you help me please?
Thanks!

Fri, 06/30/2017 - 04:39

Hi Zaly,This sounds like a

Hi Zaly,

This sounds like a server configuration issue but let's try to isolate it first. Please provide the information below.

1. Moodle version.

2. Can you create an interactive video in H5P.org?

3. Please open your browser's console ((Ctrl+Shift+J in Chrome) to look for a more detailed error mesage. If there are no error messages, try checking your web server's error_log file.

Fri, 06/30/2017 - 20:00

The Info

Hi BV52, thanks for your help!
Here the answers to your questions:

Moodle version 3.3+ (Build: 20170622)
Yes, I can create interactive videos in my H5P.org account
I have a share hosting and its error_log doesn't show any about the Moodle site. It has some errors from other sites, but nothing about Moodle.
Here is what the Chrome console shows:

When Select Interactive Video as actitity:

[Deprecation] -internal-media-controls-overlay-cast-button selector is deprecated and will be removed in M59, around June 2017. See https://www.chromestatus.com/features/5714245488476160 for more details.

(anonymous) @ jquery.js?ver=2017060600:3
domManip @ jquery.js?ver=2017060600:3
append @ jquery.js?ver=2017060600:3
ns.libraryRequested @ h5peditor.js?ver=2017060600:64
success @ h5peditor.js?ver=2017060600:134
c @ jquery.js?ver=2017060600:2
fireWith @ jquery.js?ver=2017060600:2
k @ jquery.js?ver=2017060600:4
r @ jquery.js?ver=2017060600:4

When click save after set the video and then load 403 page:

Failed to load resource: the server responded with a status of 404 (Not Found)
modedit.php Failed to load resource: the server responded with a status of 403 (Forbidden)

POST http://academiacb.tk/course/modedit.php 403 (Forbidden)
---

My technical knowledge about servers and consoles is pretty poor, so if you need more information, please let me know how can I get it.
I appreciate your help.
Zaly

Tue, 07/04/2017 - 07:19

Moodle + H5P

The Chrome Deprecation warning in console unproblematic
The 403 has to do with access rights. Make sure that your Moodle account has all the neccesary access rights.

Wed, 07/05/2017 - 08:00

File system access rights

It can also be related to file system access. Ensure that the directories used have the right file access settings.

chaitut715

Tue, 07/11/2017 - 08:25

Any plan to provide plugin for Sakai

We are interestded in plugin for sakai.

Any plan to provide?

You are here