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: {},
}