Add video overlays in the editor

« to Riverside editor: Overview

Add video layers from a royalty-free library or upload your own to seamlessly integrate dynamic visuals, enhancing your narrative with contextual B-roll and added depth.

Step by step

  • From the toolbar

    add video toolbar.png
    1. Log in to your Riverside account.
    2. Open a recording in the editor or upload an external file to start editing.
    3. On the timeline, move the playhead to the desired location.
    4. In the editing toolbar, click either:
      • Your media. In the Videos panel, click upload-tray.svg Upload and choose a file on your computer.
      • Stock. Explore stock videos, or generate your own using the text field at the bottom of the panel.
    5. Click the video or drag and drop over Add to overlay in the video player to add as an overlay.
      • To play the video before adding, hover over it and click maximize-2.svg Preview.
    6. On the canvas, click and drag the video's nob2.svg corners to resize it or its Nob.svg edges to crop it. 
    7. Click the video overlay to open its menu. Then:
      • Click co-creator.svg Ask to open Co-Creator to edit the video.
      • Click crop.svg Crop to crop the video.
      • Click the expand-01.svg Fill icon to fill the frame.
      • Click radius-corner-01 (1).svg Border radius to round the corners.
      • Click Shadow to add a shadow.
      • Click the Animate.svgAnimation icon to apply entry and exit animations.
      • Click the opacity.svg Opacity icon to adjust the video's transparency.
      • Click the windows_speakers-volume-2.svg Volume icon and drag the slider to adjust the volume.
      • Click the ••• [three dots] to change its layer, copy, or duplicate, or delete it.
    8. Adjust the overlay's duration on the timeline.
  • From the transcript

    add video transcript.png
    1. Log in to your Riverside account.
    2. Open a recording in the editor or upload an external file to start editing.
    3. On the transcript, double click a word to select when you want the video overlay to appear.
    4. On the context menu, click add_element-plus.svg Add and click either:
      • Your media. In the Videos panel, click upload-tray.svg Upload and choose a file on your computer.
      • Stock. Explore stock videos, or generate your own using the text field at the bottom of the panel.
    5. Click the video or drag and drop over Add to overlay in the video player to add as an overlay.
      • To play the video before adding, hover over it and click maximize-2.svg Preview.
    6. On the canvas, click and drag the video's nob2.svg corners to resize it or its Nob.svg edges to crop it. 
    7. Click the video overlay to open its menu. Then:
      • Click co-creator.svg Ask to open Co-Creator to edit the video.
      • Click crop.svg Crop to crop the video.
      • Click the expand-01.svg Fill icon to fill the frame.
      • Click radius-corner-01 (1).svg Border radius to round the corners.
      • Click Shadow to add a shadow.
      • Click the Animate.svgAnimation icon to apply entry and exit animations.
      • Click the opacity.svg Opacity icon to adjust the video's transparency.
      • Click the windows_speakers-volume-2.svg Volume icon and drag the slider to adjust the volume.
      • Click the ••• [three dots] to change its layer, copy, or duplicate, or delete it.
    8. Adjust the overlay's duration on the timeline.

Icon.svg Good to know

Learn more