You can embed any Loom video directly in your articles using the embed code that Loom generates. Unlike some platforms, Loom provides a ready-to-use embed code that works across all three Document360 editors with no URL modification required.
When to use Loom embeds
- Screen recordings and walkthroughs: embed a Loom recording alongside a procedure to give readers a visual demonstration without leaving the article.
- Async team communication: embed Loom videos in internal knowledge base articles to share context, announcements, or explanations in video form.
- Replacing long written explanations: for complex UI workflows, an embedded Loom video can communicate in seconds what would take several paragraphs to describe.
Quick reference
Loom generates the embed code for you. The sample below shows what a typical Loom embed code looks like; yours will contain your own video ID.
<div style="position: relative; padding-bottom: 41.66666666666667%; height: 0;">
<iframe src="https://www.loom.com/embed/982aa03ae70544ddaf5e390722edf9d2"
frameborder="0"
webkitallowfullscreen
mozallowfullscreen
allowfullscreen
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;">
</iframe>
</div>
The padding-bottom percentage controls the aspect ratio of the video container. Loom sets this automatically based on the size you select.
How to embed a Loom video
Get the embed code from Loom
- Go to Loom and open the video you want to embed.
- Click Share > Embed.
- Select the Fixed size checkbox and choose your desired video size.
- Click Copy embed code.
Paste the embed code in Document360
The next step depends on which editor you are using:
| Editor | Steps |
|---|---|
| Markdown editor | Paste the copied embed code directly into the editor at the desired location. |
| WYSIWYG editor | Click Insert video > Embedded code. Paste the code and click Insert. |
| Advanced WYSIWYG editor | Click Insert > Video > Embed code. Paste the code and click Add embed. |
The Loom video is now embedded in your article.
Example
Embed code:
<div style="position: relative; padding-bottom: 41.66666666666667%; height: 0;">
<iframe src="https://www.loom.com/embed/982aa03ae70544ddaf5e390722edf9d2"
frameborder="0"
webkitallowfullscreen
mozallowfullscreen
allowfullscreen
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;">
</iframe>
</div>
Output:
Scope and coverage
| Item | Detail |
|---|---|
| Embed code source | Generated by Loom, no manual URL modification needed |
| Size options | Fixed size (selected in Loom) or responsive (default) |
| Editor support | Markdown, WYSIWYG, and Advanced WYSIWYG, steps vary per editor |
| Aspect ratio | Controlled by the padding-bottom percentage in the embed code |
Best practices
- Use Fixed size for predictable layout: the Fixed size option in Loom sets explicit dimensions in the embed code, which produces a consistent result across browsers. The responsive default fills the container width, which may look different depending on your article layout.
- Check video privacy settings before embedding: Loom videos can be set to private, public, or workspace-only. A private video will not be viewable by readers outside your Loom workspace. Ensure the video is set to public or the appropriate sharing level before embedding.
- Prefer the Advanced WYSIWYG embed flow over pasting raw HTML: using Insert > Video > Embed code keeps the video block properly structured within the editor. Pasting raw HTML directly may work but can be harder to edit or move later.
- Add a brief description above or below the embed: readers using assistive technologies or restrictive browser settings may not be able to view embedded videos. A one-sentence summary of what the video covers ensures the content is accessible to all readers.
- Keep Loom recordings concise: embedded videos that are too long reduce the chance readers will watch them. For knowledge base articles, aim for videos under 3 minutes and use chapters or timestamps in the Loom recording if the content is complex.