How to embed a Loom video into your website

Embed a Loom video into your project using the embed component.

Go to the Insert menu, type "embed," and drag the component to the canvas.

In your Loom account, navigate to your video's share page and click Share above the video. Then, select Embed. Ensure the privacy settings allow "Anyone with the link" to view the video, making it easily accessible to all viewers.

Copy the embed code into a text editor, such as TextEdit on Apple or Notepad on Windows. The code below is the default output generated by Loom.

<div style="position: relative; padding-bottom: 56.074766355140184%; height: 0;"><iframe src="https://www.loom.com/embed/e5b8c04bca094dd8a5507925ab887002?hideEmbedTopBar=true&t=20s" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>

Remove the style part from the div. It should resemble the one below. Add this to the embed HTML tab.

<div><iframe src="https://www.loom.com/embed/e5b8c04bca094dd8a5507925ab887002?hideEmbedTopBar=true&t=20s" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>

Find additional parameter settings in this article.

Still experiencing the issue after following the steps above? Create a support ticket in the Community.