After recording an interactive video in the Editor, it opens automatically in the Interactive video editor so you can enhance it before inserting it into your article. You can also reopen the editor anytime by selecting the demo in the article and clicking Edit, or by clicking the demo's title in Document360 Engage and clicking Edit.
If you haven't recorded a demo yet, see Recording interactive demo.
What you can do in the Interactive video editor
Each tool in the editor is covered in detail in its own article, to learn more about each tool click the links below.
- Call to action - Add buttons that link to URLs or display messages during playback
- Hotspots - Add guided tooltips at click points to walk readers through each step
- Blur - Mask credentials, PII, or sensitive UI elements at specific timestamps
- Spotlight - Draw attention to key areas of the screen during playback
- Highlight - Emphasize specific elements with a color overlay at set time ranges
- Image - Insert images or emojis into the demo at specific timestamps
- Text - Add text overlays to annotate or label parts of the recording
- Camera - Overlay a camera recording on top of the demo
- Crop - Resize and reframe the demo to fit your article layout
- Trim - Cut unwanted sections from the start, middle, or end
- Music - Add background music with fade in/out and pause on interaction options
- Voice - Add AI voiceover in multiple languages or enable auto-generated subtitles
- Annotation - Add contextual notes, insights, announcements, or alerts at specific timestamps
- Zoom - Magnify a selected area of the screen at specific timestamps to focus attention on fine detail
Create the demo in other languages
If your knowledge base serves readers in more than one language, you can create a version of the demo for each language from the same recording. You don't need to record the demo again.
The following elements can have different content in each language:
- Call to action
- Hotspot title and description
- Text
- Subtitles
- AI voiceover, which is generated in the language of the script
Visual elements such as blur, spotlight, highlight, crop, and trim stay the same across all language versions.
To create a language version, translate the demo from Document360 Engage. For the steps, see Translate content.
To refine a translated version, click the demo's title in Document360 Engage, select the language from the Language dropdown in the preview, and click Edit. Then edit the call to action, hotspots, text, or subtitles for that language. The AI voiceover is generated from the translated text in the same language.
Readers see the version that matches the language they select on the knowledge base site. If the demo isn't translated into that language, readers see the default language version.
Managing added elements
In the Added elements section, you can view all elements applied to the demo:
- Click Edit () to modify an element
- Click Delete () to remove it
Click Close to save all changes.
Formatting the demo in the article
Once inserted, select the demo to access these formatting options:
| Option | Description |
|---|---|
| Align left / Center / Align right | Controls horizontal alignment |
| Inline left / Inline block / Inline right | Places the demo inline within the text |
| Resize | Adjusts the demo dimensions |
| Copy | Copies the demo for reuse in another article within the same project |
| Edit | Reopens the Interactive video editor |
FAQ
Will articles with an interactive video appear in portal search results?
Yes. Articles containing an interactive video appear in portal search results if there is a match in the article title or content.
Do I need to record a separate demo for each language?
No. Translate the demo from Document360 Engage to create a version for each language from the same recording. For more information, see Create the demo in other languages.