Build and manage your Dawn site

How do I create Video overlays in Dawn?

  • Updated:

Video overlays in Dawn are text and graphic elements that you can time to appear over the top of a video. You control when they appear, when they disappear, and whether the video continues to play or pauses for the Overlay.

Video overlays allow you to create engaging interactive video experiences and easily add instructional content to videos right in Dawn!

Each Overlay can have up to four Cards, and you can easily adjust each card's size, placement, text, and color right in Dawn.

Overlays can be images that you add to a video to call out details or strengthen the message.

You can make Overlay Cards clickable, too, letting learners click on answers to a question, images, and even invisible hotspots on elements in the video!

Clickable Cards can navigate learners to a new scene in a Video story, continue the video from where it is if paused, or take the learner to a different instruction in the catalog entry.

Video overlays are versatile!

You can use Video overlays for many things, including:

  • Branching pathways in Video stories or course content where learners can navigate by clicking images, text, or invisible hotspots overlaying elements in the video itself.
  • Text and graphic callouts to enhance existing video and strengthen message.
  • Notes you want the learners to read and click before continuing.

Create Video overlays

Adding Video overlays is easy:

  1. Add or open the video in the editor.
  2. Click Edit transcript, interactions and overlays.
  1. You can add an Overlay by:
    • Opening the Overlay tab, clicking Add overlay, and entering the In and Out timestamps for where you want it to appear in the video.
    • Placing the preview video scrubber approximately where you want the Overlay to appear and clicking Add... and choosing Overlay.
    • Placing the video frame indicator line where you want in the timeline editor and clicking the plus sign + next to Overlay.
  1. Choose overlay layout from eight layout options. You can move, resize, add (up to four), and delete the Overlay cards once they are placed.
  1. Once the Overlay is added, you can make any necessary changes to the Overlay's placement or duration timing with the timeline or In and Out timestamps, but you must allow the Overlay to appear for at least .5 seconds.
  2. Choose to Pause the video or not with the Overlay (they pause at the end of the Overlay).
  3. With the Click action dropdown, you can define what happens when the learner clicks the selected Overlay Card. You can choose:
    • No action.
    • To Continue video from where it paused for the Overlay.  
    • To take the learner to a website (either in the same window or a new window).
    • To take the learner to any other Instruction (like a Video story or instruction video) in the catalog entry.
    • To take the learner to a different Interaction in the same Instruction.
    • If the Overlay is part of a Video story, to take the learner to any Scene in that Video story.
  4. Add the Text that you want to appear in the selected Overlay Card.
  5. Choose the text's Background color and Foreground color (the text, itself), and control the transparency of both.
  6. Select a Background image for the selected Overlay Card.
    • Note: In order for images to appear in this menu, you have to upload them to the Resource library.
  7. Click Add card to add up to four Overlay Cards, and repeat steps 6-9 for each.  From the Overlays tab, you can add more and edit existing Overlays.

Once you have set up your Video overlays, test them to make sure they function the way you want, and that there are no deadends in the pathways they take you on.


Have a question or feedback? Let us know over in Discussions!