SMPlayer
Composition host. <sm-player> wraps a media element and exposes overlay slots for child widgets (sm-qr, sm-product, sm-cart, etc.). All widgets register against a shared WidgetRegistry. Internally composed of: ZStack (poster + video + overlay layers) + HStack (control bar).
Responsive Preview — viewport @media queries
Mobile · 375 px
Tablet · 768 px
Desktop · 1280 px
Container Tier (SM widget responsive system)
Container width
Live Preview (chrome-mode, container-tier knobs)
DSL usage
Attributes
| Name | Type | Default | Description |
|---|---|---|---|
src | URL | — | Media URL (HLS or progressive MP4) |
poster | URL | — | Poster image shown before play |
autoplay | Boolean | false | Begin playback on mount |
muted | Boolean | false | Start muted (browser autoplay policy) |
theme | Token | default | default | dark | high-contrast |