H5P Workshop - Session 03
Outcomes:
1. Familiarization with Interactive Video features
o Create an H5P interactive video with the following Interactions:
 Label, Text, Link, True/False & Summary
Create an Interactive Video
1. Click on the My Account link
2. Your Account page appears
3. Click on the Create New Content button
4. The Create Interactive Content screen appears
5. Click on the drop down menu Select content type
6. Scroll down the list, locate Interactive Video
7. Click on the Details button to the right of Interactive video
The Details screen provides developer several features:
a. A feature description
b. A working example, DEMO, of the feature
c. A Screen shots of different variations
d. The Use button to commence editing
8. Click on the Use button
9. In the Title textbox, input How Deep is the Ocean
10. Note that under the Select content type box is a Tutorial and an Example link
11. There are three steps to assembling an interactive video
a. Upload a video (in this tutorial we will not embed a video)
b. Add interactions
c. Create a Summary task
Upload a video
1. The Interactive Video Editor screen appears
2. Click on the Add file button (see image above)
3. Copy this web address https://youtu.be/UwVNkfCov1k
4. Paste this YouTube video address (URL) into the text box (right side)
5. Click on the Insert button
6. A YouTube icon appears
7. There are several video options (these are not covered in this tutorial)
8. To continue, click on the Add interactions button
9. The Interactive video editor appears
10. At the top of the video, is the Interactions tool bar
11. The next 5 sections allow you to try five of these interactions.
Label
1. At 0:01, click on the Label button
2. The label attributes pop up appears
3. Change the end display time to 0:01
4. Check Pause video
5. Input Press Play to start the lesson in the Label textbox
6. Click on the Done button
7. Position the Label on the screen by dragging it
8. Press the Play button
Text
1. At 0:18, click on the Text button
2. The Text attributes pop up appears
3. Change the start and end display time to 0:18
4. Check Pause video
5. In the Display as, check Button
6. Input Click here for a discussion question in the Label textbox
7. Input Did you know that the oceans were so big? in the Text textbox
8. Click on the Done button
9. Position the Text button on the screen by dragging it
10. Press the Play button
Link
1. At 0:43, click on the Link button
2. The Link attributes pop up appears
3. Change the start and end display time to 0:43
4. Check Pause video
5. Input Under Pressure in the Title textbox
6. Paste the url, www.khanacademy.org/science/physics/fluids/density-and-pressure/a/pressure-
article into the URL textbox
7. Click on the Done button
8. Position the Link item on the screen by dragging it
9. Press the Play button
True/False Question
1. At 3:10, click on the True/False button
2. The True/False Question attributes pop up appears
3. Change the start and end display time to 3:10
4. Check Pause video
5. In the Display as, check Poster
6. Input James Cameron holds the record for the deepest dive. in the Question* textbox
7. Select True in the Available options* textbox
8. Click on the Done button
9. Position and resize the Multiple choice item on the screen
10. To continue, click on the Summary task button
11. A Summary quiz pop up appears
12. Click on the Done button
Summary task
1. Leave the Summary Introduction text* as Choose the correct statement.
2. Input There are several zones in the ocean that are characterized by amount of light and types of
creatures that can inhabit them. in the first Statement textbox
3. Input The ocean is a large body of water that has a lot of bathtubs in it. in the second Statement
textbox
4. Click on the Save button
5. Try your activity
6. If no edits are required, click on the Log out button

More Related Content

PDF
H5P Start up workshop session 01
PDF
H5P Start up workshop session 02
PDF
Audio Editing Basics with Audacity 2021
PDF
How To Create an ESL Video
PDF
EDPuzzle October 2017 How To for teachers
PDF
Video Editing Basics for Teachers
PDF
How to Crop YouTube videos with Vibby
PPT
Screencasting
H5P Start up workshop session 01
H5P Start up workshop session 02
Audio Editing Basics with Audacity 2021
How To Create an ESL Video
EDPuzzle October 2017 How To for teachers
Video Editing Basics for Teachers
How to Crop YouTube videos with Vibby
Screencasting

What's hot (20)

PDF
captioning indesign layoutFINAL
PPT
Movies At A Click Version 3
PDF
How to Embed & Edit YouTube Video in PowerPoint 2013
PDF
Moviemaker
PDF
YouTube Tips, Tricks, and Tools for Teachers
PDF
Downloading Youtube Videos for Use in Your Presentation
PPTX
Tda importing and editing in premiere
PPTX
Tda importing and editing in premiere1
PPTX
how to use Windows Movie Maker
PPTX
Nathaniel reyes howtousemoviemaker
DOC
Audio boo for_toolbox
DOCX
Premiere How To Guide
PDF
Image editing basics using PIXLR Editor
PDF
Captioning Zoom meetings using the PowerPoint subtitles feature for Windows a...
PPT
Offline powerpoint
PPTX
Presentation1
PPTX
LinkedIn Hack: How to Easily Add Closed Captions to Videos
PDF
Earn money engaged hits
PDF
Youtube studio complete study
captioning indesign layoutFINAL
Movies At A Click Version 3
How to Embed & Edit YouTube Video in PowerPoint 2013
Moviemaker
YouTube Tips, Tricks, and Tools for Teachers
Downloading Youtube Videos for Use in Your Presentation
Tda importing and editing in premiere
Tda importing and editing in premiere1
how to use Windows Movie Maker
Nathaniel reyes howtousemoviemaker
Audio boo for_toolbox
Premiere How To Guide
Image editing basics using PIXLR Editor
Captioning Zoom meetings using the PowerPoint subtitles feature for Windows a...
Offline powerpoint
Presentation1
LinkedIn Hack: How to Easily Add Closed Captions to Videos
Earn money engaged hits
Youtube studio complete study
Ad

Similar to H5P Start up workshop session 03 (20)

PDF
EDpuzzle
PDF
EDPuzzle Face to Face workshop May 2016
PDF
H5P Structure Strip Tool with LUMI
PDF
Hot Potatoes Cloze - Drop-down
PDF
Hot Potatoes Cloze Text Entry
PDF
2010 Creating Videocast Lectures
PDF
2010 Creating Videocast Lectures for Online Courses
PDF
Zaption "How To" Resource
PDF
How To Insert Youtube Video Into PowerPoint - Infographic
PDF
H5P Dictation Tool LUMI
PDF
Hot Potatoes add Video to a Learning Object
PDF
Teach 08 Slideshare
PPTX
JMU training on adding YouTube content to PowerPoint
PDF
Producer
DOCX
How to use capcut.docx
PDF
Hot Potatoes- Create Multiple Choice
PPTX
How to create GIF files without any restrictions
DOCX
Animation in powerpoint part 2
DOCX
use-video-editor-windows-11.docx
PPTX
L13KiplyS
EDpuzzle
EDPuzzle Face to Face workshop May 2016
H5P Structure Strip Tool with LUMI
Hot Potatoes Cloze - Drop-down
Hot Potatoes Cloze Text Entry
2010 Creating Videocast Lectures
2010 Creating Videocast Lectures for Online Courses
Zaption "How To" Resource
How To Insert Youtube Video Into PowerPoint - Infographic
H5P Dictation Tool LUMI
Hot Potatoes add Video to a Learning Object
Teach 08 Slideshare
JMU training on adding YouTube content to PowerPoint
Producer
How to use capcut.docx
Hot Potatoes- Create Multiple Choice
How to create GIF files without any restrictions
Animation in powerpoint part 2
use-video-editor-windows-11.docx
L13KiplyS
Ad

More from John Allan (20)

PDF
Google Earth BCTEAL2023
PDF
ChatGPT Prompt Tips
PDF
Repurposing H5Ps
PDF
Moodle Accessibility Tools
PDF
Google Earth Voyager How To
PDF
Playing Geoguessr
PDF
How-T0 Immersive reader Office365
PDF
How To Microsoft Immersive Reader for Word2019
PDF
Xreading Teacher Start up
PDF
H5P Interactive Book Overview
PDF
H5P Reuse Feature with LUMI
PDF
H5P Sort Paragraph using LUMI
PDF
PLN Workshop
DOCX
Practice Accessibility Worksheet
PDF
Accessibility worksheet
PDF
Qatar University Conference 2021 Interactive video W/ H5P Slides
PDF
Indesign and rapid development
PDF
Professional Learning Network 2021 hand out
PDF
Google Earth Voyager - Basics for Teachers
PDF
Creating a Quizlet Diagram Updated 2021
Google Earth BCTEAL2023
ChatGPT Prompt Tips
Repurposing H5Ps
Moodle Accessibility Tools
Google Earth Voyager How To
Playing Geoguessr
How-T0 Immersive reader Office365
How To Microsoft Immersive Reader for Word2019
Xreading Teacher Start up
H5P Interactive Book Overview
H5P Reuse Feature with LUMI
H5P Sort Paragraph using LUMI
PLN Workshop
Practice Accessibility Worksheet
Accessibility worksheet
Qatar University Conference 2021 Interactive video W/ H5P Slides
Indesign and rapid development
Professional Learning Network 2021 hand out
Google Earth Voyager - Basics for Teachers
Creating a Quizlet Diagram Updated 2021

Recently uploaded (20)

PPTX
ACL English Introductionadsfsfadf 20200612.pptx
PDF
2025_AIFG_Akane_Kikuchi_Empathy_Design.PDF
PPTX
22CDH01-V3-UNIT III-UX-UI for Immersive Design
PPTX
8086.pptx microprocessor and microcontroller
PPTX
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
PDF
analisis snsistem etnga ahrfahfffffffffffffffffffff
PPTX
2. Competency Based Interviewing - September'16.pptx
PPTX
Project_Presentation Bitcoin Price Prediction
PDF
321 LIBRARY DESIGN.pdf43354445t6556t5656
PDF
trenching-standard-drawings procedure rev
PPTX
Necrosgwjskdnbsjdmdndmkdndndnmdndndkdmdndkdkndmdmis.pptx
PDF
Trends That Shape Graphic Design Services
PPT
Unit I Preparatory process of dyeing in textiles
PDF
2025CategoryRanking of technology university
PDF
IARG - ICTC ANALOG RESEARCH GROUP - GROUP 1 - CHAPTER 2.pdf
PDF
How Animation is Used by Sports Teams and Leagues
PPTX
PROPOSAL tentang PLN di metode pelaksanaan.pptx
PPTX
a group casestudy on architectural aesthetic and beauty
PPTX
SOBALAJE WORK.pptxe4544556y8878998yy6555y5
PPTX
ENG4-Q2-W5-PPT (1).pptx nhdedhhehejjedheh
ACL English Introductionadsfsfadf 20200612.pptx
2025_AIFG_Akane_Kikuchi_Empathy_Design.PDF
22CDH01-V3-UNIT III-UX-UI for Immersive Design
8086.pptx microprocessor and microcontroller
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
analisis snsistem etnga ahrfahfffffffffffffffffffff
2. Competency Based Interviewing - September'16.pptx
Project_Presentation Bitcoin Price Prediction
321 LIBRARY DESIGN.pdf43354445t6556t5656
trenching-standard-drawings procedure rev
Necrosgwjskdnbsjdmdndmkdndndnmdndndkdmdndkdkndmdmis.pptx
Trends That Shape Graphic Design Services
Unit I Preparatory process of dyeing in textiles
2025CategoryRanking of technology university
IARG - ICTC ANALOG RESEARCH GROUP - GROUP 1 - CHAPTER 2.pdf
How Animation is Used by Sports Teams and Leagues
PROPOSAL tentang PLN di metode pelaksanaan.pptx
a group casestudy on architectural aesthetic and beauty
SOBALAJE WORK.pptxe4544556y8878998yy6555y5
ENG4-Q2-W5-PPT (1).pptx nhdedhhehejjedheh

H5P Start up workshop session 03

  • 1. H5P Workshop - Session 03 Outcomes: 1. Familiarization with Interactive Video features o Create an H5P interactive video with the following Interactions:  Label, Text, Link, True/False & Summary Create an Interactive Video 1. Click on the My Account link 2. Your Account page appears 3. Click on the Create New Content button 4. The Create Interactive Content screen appears 5. Click on the drop down menu Select content type 6. Scroll down the list, locate Interactive Video 7. Click on the Details button to the right of Interactive video The Details screen provides developer several features: a. A feature description b. A working example, DEMO, of the feature c. A Screen shots of different variations d. The Use button to commence editing
  • 2. 8. Click on the Use button 9. In the Title textbox, input How Deep is the Ocean 10. Note that under the Select content type box is a Tutorial and an Example link 11. There are three steps to assembling an interactive video a. Upload a video (in this tutorial we will not embed a video) b. Add interactions c. Create a Summary task Upload a video 1. The Interactive Video Editor screen appears 2. Click on the Add file button (see image above) 3. Copy this web address https://youtu.be/UwVNkfCov1k 4. Paste this YouTube video address (URL) into the text box (right side) 5. Click on the Insert button 6. A YouTube icon appears
  • 3. 7. There are several video options (these are not covered in this tutorial) 8. To continue, click on the Add interactions button 9. The Interactive video editor appears 10. At the top of the video, is the Interactions tool bar 11. The next 5 sections allow you to try five of these interactions.
  • 4. Label 1. At 0:01, click on the Label button 2. The label attributes pop up appears 3. Change the end display time to 0:01 4. Check Pause video 5. Input Press Play to start the lesson in the Label textbox 6. Click on the Done button 7. Position the Label on the screen by dragging it 8. Press the Play button
  • 5. Text 1. At 0:18, click on the Text button 2. The Text attributes pop up appears 3. Change the start and end display time to 0:18 4. Check Pause video 5. In the Display as, check Button 6. Input Click here for a discussion question in the Label textbox 7. Input Did you know that the oceans were so big? in the Text textbox 8. Click on the Done button
  • 6. 9. Position the Text button on the screen by dragging it 10. Press the Play button Link 1. At 0:43, click on the Link button 2. The Link attributes pop up appears 3. Change the start and end display time to 0:43 4. Check Pause video 5. Input Under Pressure in the Title textbox 6. Paste the url, www.khanacademy.org/science/physics/fluids/density-and-pressure/a/pressure- article into the URL textbox 7. Click on the Done button 8. Position the Link item on the screen by dragging it 9. Press the Play button
  • 7. True/False Question 1. At 3:10, click on the True/False button 2. The True/False Question attributes pop up appears 3. Change the start and end display time to 3:10 4. Check Pause video 5. In the Display as, check Poster 6. Input James Cameron holds the record for the deepest dive. in the Question* textbox 7. Select True in the Available options* textbox 8. Click on the Done button 9. Position and resize the Multiple choice item on the screen
  • 8. 10. To continue, click on the Summary task button 11. A Summary quiz pop up appears 12. Click on the Done button Summary task 1. Leave the Summary Introduction text* as Choose the correct statement. 2. Input There are several zones in the ocean that are characterized by amount of light and types of creatures that can inhabit them. in the first Statement textbox 3. Input The ocean is a large body of water that has a lot of bathtubs in it. in the second Statement textbox 4. Click on the Save button 5. Try your activity 6. If no edits are required, click on the Log out button