LogoLogo
  • What is UDML?
  • Document structure
    • <components>
    • <imports>
    • <instructions>
    • <meta>
    • <styles>
    • <tokens>
    • <mappings>
    • <screens>
  • Directives
    • ai-hint
    • <data> Directive Specification
    • <interaction> Directive
    • <layer> Directive
    • <repeat> Directive
    • <responsive>
    • selection
    • <tracking> Directive
  • Components
    • Layout
      • <accordion> Component
      • <box> Component
      • <column> Component
      • <divider>
      • <grid> Component
      • <row> Component
    • Navigation
      • <breadcrumbs> Component
      • <pagination> Component
      • <tab> Component
      • <tabs> Component
    • Text & Display
      • <avatar>
      • <heading>
      • <icon>
      • <image>
      • <label>
      • <text>
      • <video>
    • Controls & Input
      • <button>
      • <checkbox>
      • <input> Component
      • <radio>
      • <select>
      • <slider>
      • <stepper>
      • <switch>
      • <textarea>
    • Forms
      • <form> Component
      • <formField> Component
      • <formGroup> Component
    • Data Collections
      • <dataColumn> Component
      • <dataTable> Component
      • <list> Component
      • <timeline> Component
      • <treeView> Component
    • Data Visualization
      • <chart> Component
      • <summary> Component
    • Modals
      • <dialog> Component
      • <modal> Component
      • <popover> Component
      • <toast> Component
      • <tooltip> Component
  • Prompting Guides
    • Prompting AI Developer Tools with UDML
    • Working with UDML in an Existing Codebase
  • Contributing to UDML
Powered by GitBook
On this page
  • The <video> component embeds a playable video file or stream with optional controls and preview.
  • 🛠 Attributes
  • ✅ Allowed Content
  • 💡 Examples
  • 🧩 AI Interpretation Guidelines
Edit on GitHub
  1. Components
  2. Text & Display

<video>

The <video> component embeds a playable video file or stream with optional controls and preview.

🛠 Attributes

Attribute
Type
Required
Description

src

string

Yes

Video file or streaming URL

poster

string

No

Thumbnail image shown before playback

autoplay

boolean

No

Start playing automatically

controls

boolean

No

Show native player controls

loop

boolean

No

Loop video playback

muted

boolean

No

Mute audio on load

✅ Allowed Content

Self-closing or optionally contain fallback text.

💡 Examples

Embedded video

<video src="intro.mp4" controls="true" poster="preview.jpg"/>

🧩 AI Interpretation Guidelines

  • Render with native <video> element or component wrapper.

  • Apply autoplay/muted attributes appropriately.

  • Use poster as fallback image when video is paused or loading.

Previous<text>NextControls & Input

Last updated 2 months ago