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

# Embed Tella videos in Mintlify

Mintlify docs are written in MDX, so you can embed Tella videos directly with an `<iframe>` tag. This is great for product walkthroughs, onboarding, and feature explainers inside your docs.

## Embed a Tella video

1. Open the Tella video you want to embed and click the **Share** icon to open the embed settings.

2. Toggle the options you want (autoplay, branding, title, etc.), then copy the embed code.

3. Open the `.mdx` file in your Mintlify docs project where you want the video to appear, and paste the iframe.

A typical embed looks like this:

```mdx theme={null}
<iframe
  src="https://www.tella.tv/video/VIDEO_ID/embed?b=0&title=0&a=1&loop=0&t=0&muted=0&wt=0"
  width="100%"
  style={{ aspectRatio: "16/9", border: "none", borderRadius: "8px" }}
  allow="autoplay; fullscreen"
  allowFullScreen
/>
```

Replace `VIDEO_ID` with the ID from your Tella share link (or paste the full embed code from Tella).

The result looks like this:

<iframe src="https://www.tella.tv/video/vid_cmkn9pajx00ks04le7y0s39lf/embed?b=0&title=0&a=1&loop=0&t=0&muted=0&wt=0" width="100%" style={{ aspectRatio: "16/9", border: "none", borderRadius: "8px" }} allow="autoplay; fullscreen" allowFullScreen />

## Tips

* Set `style={{ aspectRatio: "16/9" }}` so the iframe scales correctly on all screen sizes — using a fixed `height` will crop or letterbox the video.

* Wrap the iframe in Mintlify's `<Frame>` component if you want a caption underneath:

  ```mdx theme={null}
  <Frame caption="Watch the 2-minute overview">
    <iframe
      src="https://www.tella.tv/video/VIDEO_ID/embed?b=0&title=0&a=1&loop=0&t=0&muted=0&wt=0"
      width="100%"
      style={{ aspectRatio: "16/9", border: "none", borderRadius: "8px" }}
      allow="autoplay; fullscreen"
      allowFullScreen
    />
  </Frame>
  ```

* To fine-tune what viewers see (hide the avatar, hide the title bar, autoplay, loop, start time, etc.), tweak the toggles in Tella's embed settings — the query parameters in the iframe URL update automatically.

See [Customize embed settings](/help/sharing/customize-embed-settings) for a full reference of the available embed options.