How do I add Interactivity to my WeVideo project?

Jason Liu -

In this article:

With Interactivity, the newest member of the WeVideo product family, instructors can transform the projects they created in WeVideo into an active learning experience by adding interactivity in a few simple steps. Interactive videos created in interactivity can be assigned to learners in classes created in WeVideo Multimedia Creation or assigned through the LMS integration, and instructors can easily monitor learners’ progress by visiting the monitor page in Interactivity. 

Please see more information about Wevideo Interactivity in this video:

Create an interactive video in Interactivity with a WeVideo project

Export the project from WeVideo and launch Interactivity

After completing editing the project, export it from WeVideo with the instructions in this article.

Select Interactivity from the drop-down menu on the top to switch to interactivity.

Screenshot 2024-07-03 134506.png

Alternatively, you can select the Interactive Video tab from the left sidebar to access the interactive video functionality.

Screenshot 2024-07-02 134814.png

Import the project to Interactivity

Click the Add New Interactive Video button from Interactivity to create a new interactive video in the interactive video designer.

Screenshot 2024-10-30 133626.png

If you are accessing Interactivity from the Multimedia Creation environment, select Interactive Videos from the left sidebar and click the Create Interactive Video button to launch the interactive video designer. 

Screenshot 2024-07-02 140213.png

Select WeVideo as the video host for this interactive video. You can also import videos from YouTube or Vimeo to create the interactive video.

Screenshot_2023-05-02_102401.png

 

You can find all the exported WeVideo projects in the list. Select the desired project to import to the Interactive Video Designer.

Screenshot_2023-05-02_102416.png

 

(Optional) Select Customize to upload captions for this project.

Screenshot_2023-05-02_102441.png

 

(Optional) Select Customize again to trim the video. You can use the green and red flags on the timeline to trim the video. For more precise adjustments, expand the Advanced settings and enter the start and end time for the video.

Screenshot_2023-05-04_095120.png

 

Click Done to import the video.

Screenshot_2023-05-02_102508_-_Copy.png

 

Instructors can add multiple videos to an interactive video by clicking Add Video and repeating the steps above. 

Screenshot 2024-07-02 140557.png

Add interactions to the interactive video

There are two options for instructors to add interactions to the interactive video.

  • Apply a pre-formatted template
  • Create your own interactions

Option 1: Apply template

Select Apply Template from the lower left of the screen.

Screenshot_2023-05-02_102543.png

 

Find a template that best meets your needs, and click Apply to add it to the interactive video.

Screenshot_2023-05-02_102605.png

 

Click Apply again to confirm adding this template to the interactive video.

Screenshot_2023-05-02_102613.png

 

The template has been added, and you can click on each interaction to edit the content.

Screenshot_2023-05-02_102638.png

 

Option 2: Create your own interactions

Drag the play head to the timestamp you want to add the interaction and click the Add An Interaction At… button.

Screenshot_2023-05-02_102701.png

 

Select the interaction type you want to add. Please see the description for each interaction below.

  • Multiple Choice: Learners need to choose one correct answer from a list of answer options. This interaction can only have one correct answer and will be auto-graded.
  • Check All: Learners need to choose all the correct answers from a list of answer options. This interaction will be auto-graded.
  • Free Response: Learners answer the question by submitting their responses in text, image, and/or audio format. This interaction requires instructors to grade it manually, and please see the monitor section below for more information about the grading.
  • Fill-in-the-blank: Present learners with a phrase that is missing one or more words. Questions can have multiple blanks and multiple correct answers. Please press Enter/Return to separate each correct answer. Responses are not case-sensitive but spelling sensitive. Learners can receive partial credit for their answers, and this interaction will be auto-graded.
  • Poll: Learners select one or more options from a list of answer options. There is no right or wrong answer to this interaction, and the interaction is non-graded by default. If points are added to this interaction, all learners who answer it will receive full credit for this interaction.
  • Discussion: Learners can post comments and reply to their peer’s posts in real-time. Instructors can monitor and delete the post if needed. This interaction is non-graded by default. If points are added, all learners who contribute to the discussion will receive full credit for this interaction.
  • Pause: Pause the video playback and display the information entered by the instructor.
  • Web Embed: Embed a website in the video player that allows learners to explore the website without leaving the video.
  • PDF file: Upload the PDF file from the device or import the PDF file with the link to the interactive video as an interaction. Learners can use the built-in tool to add comments, highlight texts, and draw on the PDF file. These annotations will also be exportable for learners when they download the PDF file from the interactive video. This interaction is not graded by default, but you can change the point value if desired.
  • My interactions: You can find and reuse all the interactions you have created in this section.

Screenshot 2023-12-11 142058.png

 

After selecting the interaction type to add, enter the information for the interaction and click Save to create the interaction.

Screenshot 2024-09-04 101330 - Copy.png

(Optional) To adjust the timing of the interaction, update the time code in the Interaction Time section above. If you want to make this interaction durational, click the triple dots in the Interaction Time section and select Add end time to set the end time for this interaction. This interaction will be displayed to learners between the set start and end times.Screenshot 2024-09-04 101330.png

(Optional) By default, the interaction will be placed on the left sidebar. To adjust the placement, click the Placement on the top right and select a new placement for the interaction. You can further fine-tune the placement by expanding the Advanced settings.

Screenshot 2024-09-04 103946.png

Repeat the steps in this section to add more interaction to this interactive video.

 

Preview and finish building the interactive video

After adding all the desired interactions, click Review on the top of the screen to go to the review page. You can edit the title for this interactive video or update the thumbnail image by clicking on the current thumbnail image.

Screenshot_2023-05-02_104203.png

 

Expand the Tags section to add tags, target audience, and subject to this interactive video to help organize your content. Click Save Changes to complete editing.

Screenshot_2023-05-02_104251.png

 

Expand the Playback Options to adjust the playback settings if needed. Click Save Changes to complete editing.

Screenshot_2023-05-02_104303.png

 

You can click the Preview button to preview this interactive video or click Save And Exit to close the interactive video designer.

Screenshot_2023-05-02_124012.png

 

You can always open the interactive video designer and continue editing the interactive video by clicking the thumbnail image on the My Interactive Videos page and selecting Edit to launch the interactive video editor for the selected interactive video.

Screenshot

 

Assign Interactive videos to your WeVideo Classes

The classes created in WeVideo Multimedia Creation will automatically be added to Interactivity, and you can view those classes by visiting the Classes page from the sidebar.

Screenshot

 

To assign the interactive video to a class, click the thumbnail image of the desired interactive video and select Assign.

Screenshot

 

If you would like to assign multiple interactive videos at once, select all the desired interactive videos by clicking the checkbox in front of them and clicking Assign on the top.

Screenshot

 

Select the Assign preferences for the interactive video. There are four different options:

  • Assign to students: The user with a student account can access this assignment.
  • Assign to professional learning: The user with a teacher account can access this assignment. Please see this article for more information on using Interactivity for professional learning. This option is available for the users with the district plan.
  • Assign to people outside the organization: Anyone can access this assignment with the link. Users will be asked to enter their first and last names before starting the interactive video. This option is available for the users with the district plan.
  • Assign to anonymous participants: Anyone can access this assignment with the link. No user information is required to start the interactive video. This option is available for the users with the district plan.

Screenshot 2023-11-07 095606.png

Set the start and end dates for this assignment. The assignment will appear in the class after the start date, and the assignment link will not work until the start date. The end date is the due date for the assignment, and the assignment will be blocked after the end date. If no end date is assigned, the interactive video will always be available to learners.

Screenshot_2023-05-02_104532.png

 

Select the classes you want to assign this interactive video to and click Assign on the top right of the window.

Screenshot_2023-05-02_104551.png

 

Copy the link and share it with learners, or copy the embed code and embed it on the desired website. 

Since we do not allow users to log in through the embedded player due to the security procedure, the embed code option is only available for the assignment assigned through the Assign to people outside the organization or the Assign to anonymous participants options.

Click Done to close the window and go back to Interactivity.

Screenshot_2023-05-02_104708.png

 

If you need to acquire the link or embed code again in the future, please click on the thumbnail image and select Share Link to view the link and embed code.

Screenshot

 

Monitor learners’ progress

Teachers can access the monitor page from the Interactivity space or the Multimedia Creation space.

From the Interactivity space:

Click on the thumbnail image of the desired interactive video and select Monitor.

Screenshot

 

Click the Monitor button behind the class you would like to monitor.

Screenshot_2023-05-02_110411.png

From the Multimedia Creation space:

Find the class that the interactive video is assigned to, and click Review Progress to launch the monitor page.

Screenshot 2024-10-04 140403.png

On the monitor page, you will find the following information:

  • Learners’ names
  • Learners’ scores
  • Learners’ status in this assignment
  • Learners’ responses to each interaction. You can tell if learners answer the questions correctly by the color of their responses:
    • Green: correct
    • Red: incorrect
    • Yellow: Waiting for instructors to grade
    • Gray: non-graded interactions

Screenshot_2023-05-02_110424.png

 

Click on the learner’s response to view the answer and provide/adjust points to the submissions. You can also add feedback to learners’ submissions to free-response interactions.

Screenshot_2023-05-02_110448.png

 

Interested in Learning More About Interactivity? Contact our team here!

Have more questions? Submit a request