Embed Screencast Videos

Learn to insert your Screencast videos directly into Trainual!

Alysa C avatar
Written by Alysa C
Updated over a week ago

Embedding Screencast.com videos into your Trainual account is easier than ever using the Quick Embeds feature or Code View feature for your preferred presentation style. We have all that information down below, so you don't have to feel like...

Let's get started ⬇


πŸ€” First, decide which style best suits your content:

  1. Quick Embeds will show a preview of your video for teammates to click on to be redirected to a separate viewing page:

  2. Code View will display the video directly within your content for your teammates to be able to interact with and watch from directly within the step:


πŸ”Ž Second, locate the corresponding link or coding from Screencast:

⚑️ Quick Embed

  • Login to your Screencast account

  • Locate the video you want to add to your Trainual content

  • Click the "share" arrow button at the bottom of the chosen video

  • Double-check your video's permission level
    πŸ“ Note: For others to view the shared video, the permissions must be set to "only people with the link"

  • Copy the "Shareable Link"

Screen Capture on 2022-12-26 at 13-22-48.gif

πŸ”— Code View

  • Login to your Screencast account

  • Locate the video you want to add to your Trainual content

  • Click the "share" arrow button at the bottom of the chosen video

  • Navigate to the "Embed" option from the pop-up window

  • Double-check your video's permission level and make any desired adjustments to the video width and height
    πŸ“ Note: For others to view the shared video, the permissions must be set to "only people with the link"

  • Copy the "Embed Code"

Screen Capture on 2022-12-26 at 13-25-14.gif

πŸ“½ Lastly, embed your video into your Trainual step:

⚑️ Quick Embed

  • Navigate back to your Trainual account

  • Find the step you want to insert your video in

  • Click on the Quick Embeds feature (the blue lightning bolt symbol)

  • Search and select the option "Embed"

  • Paste your copied "Shareable Link" into the text box

  • Click "Embed" - your content will then populate in the step below! πŸŽ‰

    Screen Capture on 2022-12-26 at 13-32-51.gif

πŸ”— Code View

  • Navigate back to your Trainual account

  • Find the step you want to insert your video in

  • Click on the three-dots on the right-hand side of the step toolbar

  • Click the Code View symbol "< >" from the menu that populates

  • Paste your copied "Embed Code" into the text editor

  • Click Code View "< >" again after pasting to return to normal step editing - your content will then populate! πŸŽ‰

Screen Capture on 2022-12-26 at 13-44-31.gif

That's it! Your video is now available just how you'd like it, right from your Trainual step. πŸ™Œ


πŸ“š Learn how to insert other third-party videos into your content:

Did this answer your question?