Getting started

Installation

The embedSDK is available on npm.

$ npm install @loomhq/loom-embed

It is also accessible via a script tag you can put directly into your HTML.

<script type="module">
  import * as loomEmbedSDK from "https://www.unpkg.com/@loomhq/loom-embed@1.2.2/dist/esm/index.js?module";
</script>

Embedding Looms

With a given Loom URL you can use the oembed method to fetch metadata about the video. This metadata includes an html property which can be used to set the inner HTML of a DOM node.

Input:

Output:

There is also a textReplace method which will replace Loom URLs in a given string with the embeddable HTML.

Input:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmodtempor ut labore et dolore magna aliqua. https://www.loom.com/share/0281766fa2d04bb788eaf19e65135184 Tincidunt augue interdum velit euismod in pellentesque.

Output:

Unfurling Loom links

To expand a Loom URL directly, you can use the linkReplace method which targets a provided selector—such as '.loom-video' for example—and inserts the embed player on your page.

Loom Video Link

Click “Expand” below to auto-expand the link above.