---
title: "How to embed a Loom video"
slug: "how-to-embed-loom-video"
description: "Enhance your documentation site with engaging video content! Our step-by-step guide lets you easily embed Loom videos into your page. Start today!"
tags: ["Embedding", "Videos"]
updated: 2026-06-20T09:39:42Z
published: 2026-06-20T09:39:42Z
canonical: "docs.document360.com/how-to-embed-loom-video"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.document360.com/llms.txt
> Use this file to discover all available pages before exploring further.

# How to embed a Loom video

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.

```html
<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

1. Go to [Loom](https://www.loom.com/) and open the video you want to embed.
2. Click **Share** > **Embed**.
3. Select the **Fixed size** checkbox and choose your desired video size.
4. 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:**

```html
<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:**

<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>

---

## 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.

## Related

- [How to embed YouTube Shorts](/embed-youtube-shorts.md)