TLVideoShape • tldraw Docs

A video shape that can display video content with playback controls and timing. Video shapes support both direct URL references and asset-based video storage, with accessibility features and playback state management.

type TLVideoShape = TLBaseShape<"video", TLVideoShapeProps>;

Example

const videoShape: TLVideoShape = {
  id: "shape:video123",
  typeName: "shape",
  type: "video",
  x: 100,
  y: 100,
  rotation: 0,
  index: "a1",
  parentId: "page:main",
  isLocked: false,
  opacity: 1,
  props: {
    w: 640,
    h: 480,
    time: 15.5,
    playing: false,
    autoplay: false,
    url: "https://example.com/video.mp4",
    assetId: "asset:video123",
    altText: "Product demo video",
  },
  meta: {},
};