Activity 06: Interactive Video

In this activity, we are going to create an interactive video. The interactive video content type allows you to add multiple-choice, fill-in-the-blank questions, pop-up text and other types of interactions to videos. 

For more information on getting started with interactive videos, visit Interactive Video Tutorial | H5P

Steps:

1. Insert a new H5P activity as per Activity 01, but this time select Interactive Video.
2. Add a Title as follows:
   Title: Activity 06: Interactive Video
   
   

   

   
   
3. Click on Add file
   
   Under the Step 1 tab insert the following video link under Add a video section: https://youtu.be/TsG1b0DLap0
   
   

   

   
   
4. Click on the Edit copyright button under the video and add the following information:
   • Title: Berry Smoothie
   • Author: Joanna Siemek
   • Source: http://vimeo.com/68264542
   • Select the License as Attribution (CC BY)
   • Select the License version 4.0 International
     
     

     

     
     
5. Complete the title of this interactive video field and ensure the tick box Hide title on video start screen is selected.
   Title: Making a berry smoothie
   
   
   

   

   
   
6. Switch to the Step 2: Add interactions tab.
   
   

   

   
   
   
7. Move the video scroll to about 5 seconds and add a Text interaction from the interaction's menu.
   
   

   

   
   
8. Add the following information and options for the text interaction:
   1. Display time: 0:05 to 0:12
   2. Display as a button.
   3. Label: Ingredients list
   4. Text: 
      

      The ingredients for this delicious smoothie is:

      • 1 cup milk
      • 100g blueberries
      • 200g strawberries
      • 2 tablespoons condensed milk, sweetened
      • 4 oatmeal cookies
        
        
   5. Click on Done to add the text interaction.
      
      

      

      
      
9. Move the video scroll to about 20 seconds and add a Mark the Words interaction from the interaction's menu.
   
   

   

   
   
10. Add the following information and options for the Mark the Words interaction:
    
    1. Display time: 0:20 to 0:21
    2. Select the Pause video check box
    3. Select the Display as Poster option
    4. Set the Title as: Highlight the ingredients that have been added so far.
       
       

       

       
       
    5. Task description: Highlight the ingredients that have been added so far
       Set the Textfield as: *Strawberries* Cookies *Blueberries* Milk
       Note how correct options are indicated with asterisks (*) before and after the word.
       
    6. Set Overall Feedback of range 0 to 100% as: You got @score of @total blanks correct.
       Note some of the @ keywords that can be used in the message.
       
       

       

       
       
    7. Set the behaviour settings the following: Disable Retry, Disable the show solutions button and enable show score point.
       
       

       

       
       
    8. Under the Adaptivity section under Action on wrong, set the 
       1. Seek to 0:00 
       2. Disable the allow user to opt out and continue.
       3. Message: You need to pay closer attention!
       4. Label for seek button: Watch the intro again
          
          

          

          
          
    9. Click on Done to add the interaction
11. Move the video scroll to about 45 seconds and add a Drag and drop interaction from the interaction's menu.
    
    

    

    
    
12. Add the following information and options for the Drag and drop interaction:
    
    1. Display time: 0:45 to 0:46
    2. Select the Pause video check box.
    3. Select the Display as Poster option.
    4. Set the title as Drag and drop an ingredient used in the smoothie.
       
       

       

       
       
    5. Leave the Step 1 Settings as is and select the Step 2 Task tab.
    6. Insert a text box with the following text: Drag & drop the berries used in this recipe on the picture!
    7. Click on the Done button to return to the previous screen.
    8. Add the image of the Smoothie, dark purple clustered berry and strawberry found below.
       1. Provide an appropriate alternative text and hover text for each image. 
       2. Ensure the Decorative only check box is deselected.
       3. Tick Select drop zones option
          
          

          

          
          
    9. Arrange your images as per the following image:
       
       

       

       
       
    10. Add a Drop Zone
        
        

        

         
    11. Scale it over the Smoothie image with the following settings:
        1. Label: Smoothie
        2. Show label disabled.
        3. Select Strawberry as the correct element.
        4. Select that this drop zone can only contain one element.
        5. Background Opacity: 0
           
           

           
           
           

        6. In the Overall Feedback section set the score range of 0 to 100% to: You got @score of @total points.

        7. Under Behavioral settings ensure that retry is enabled and apply penalties is disabled.
           
           

           

           
           

        8. Click on the Done button.

13. On the interactive video's Behavioral setting ensure Prevent skipping forward in a video is enabled.
    
    

    

    
    
14. Summary Page
    
    Title: Summary Activity
    Introduction test: Answer the question below
    Statement 1: Smoothies are healthy 
    Statement 2: Smoothies are unhealthy
    
    
15. Save and add your activity as per the steps in Activity 01.