Create a H5P slide with multiple videos in 5 steps:
Videos in H5P presentation – how to create a H5P slide with multiple videos
Videos in H5P presentation – how to create a H5P slide with multiple videos (trancript)
H5P enables users to create interactive and engaging presentations using a range of functionalities. Embedding videos in the slides is one of these functionalities. What you can do, for instance, is to embed multiple videos in one slide to introduce the team members, educators on course, module in a single slide. Instead of pages of text or several slides, you can use video clips allowing each member introducing themselves or areas they are responsible. This way, you create a much more personalised experience for your learners or website visitors.
Check out the mock-up example below in the first slide (just a note that the videos embedded in the slide have no audio)
The same concept can be applied to other scenarios:
- You can introduce content – with the video, you can present a more detailed outline of modules on a single slide that it would be possible with text.
- You can explain concepts or graphs – you might add videos on the slide where the spoken explanation would work better than text or diagram on its own.
- You can use video to gamify your content. You can create a sort of quiz – ask a question and give three answers. When learners choose the solution, the feedback video will play. This trick allows giving instant feedback.
- You can also use videos for creating branching scenarios, but there is a bit more to plan and design around here (so basically more slides with more options linked to each other would be required).
STEP 1. CREATE YOUR H5P SLIDE
You can log in for free, and create your own account on https://h5p.org, where you can start creating your designs for free with this tool.
I work on WordPress website where I create all the H5P artefacts. H5P is added there a a plug in. If you have your courses on MOODLE, Brightspace or one of these other LMSs you should be able to use H5P. If you are not sure how to get access – check with the LMS administrators how to do that.
At this stage I suggest you start think about the number of sections or videos you want to include. Is there going to be some text too? Is there anything else you would like to include? This will dictate your slide layout.STEP 2 – ADD BACKGROUND (OPTIONAL)
STEP 3 – SOURCE OR CREATE YOUR VIDEOS
NOTE
Note about the video size and the aspect ratio – for the team intro or gamified experiences, I usually go with square videos recorded in the 1×1 aspect. I think it looks tidy and also, you can fit more on the screen. If you record yourself on a mobile, you can choose that exact ratio. If you create and edit a video, the editing software usually has an export ratio/format option for export. Note about the video size and the aspect ratio – for the team intro or gamified experiences, I usually go with square videos recorded in the 1×1 aspect. I think it looks tidy and also, you can fit more on the screen. If you record yourself on a mobile, you can choose that exact ratio. If you create and edit a video, the editing software usually has an export ratio/format option for export.
STEP 4 – UPLOAD YOUR VIDEOS, THUMBNAILS INTO AN H5P PRESENTATION.
- Click on the video icon
- Type video title
- Choose your video – I am choosing here videos from my drive, but you can also select a YouTube video.
- Under visuals choose video poster image (thumbnail) and upload.
- Under playback, you have two options. In this case, I am not changing them. But if you have a slide where you would like the video to start playing automatically, you should choose auto. And loop if you want to play over and over again.
- Under accessibility, you can add captions. I am not doing it in this case.
- The next option here that interests us is whether to display it as a button. (I am not activating video as a button in this case, but consider this option if you use videos in diagrams or complex charts – buttons takes less space).
STEP 5 – RESIZE AND POSITION VIDEOS ON THE H5P SLIDE.
- Click on the clip,
- Click on the arrows – this is a Transform option. From here, you can change position and size.
- The first video was 180X180, and I want this one to be exactly the same, so I type my dimensions and click the tab or enter key.
- I also can match the position using this menu – let’s have a look – the first image sites are 120 (position y) – let’s do the same for the new second video. Type the 120 and… Voila! Unfortunately, H%P doesn’t have an option to arrange the images evenly across the slide. This needs to be done manually (you can drag the image across the slide, but I think you can get a more precise result if you click on the thumb and then use the arrows on your keyboard to move the image point by point to the right or left.)
SUBSCRIBE AND GET THE PRINTABLE LEARNING CARDS FOR FREE!
If you want to know more about other about using H5P in your online training or on your website check out my other posts:
JOIN MY NETWORK, STAY CONNECTED, GET IN TOUCH!
JOIN MY NETWORK!
RELATED POSTS
8 types of learning infographics to create engaging learning experiences
15 learning design mistakes you should avoid when creating online courses