generated:catalog.entry.video.title
generated:catalog.entry.video.description
@xngui/components/video@xngui/components/videochrome:demo.section
chrome:demo.preview
demo-preview:video.via-xvideo-apis
import { Component } from '@angular/core';
import { XVideo } from '@xngui/components/video';
@Component({
selector: 'app-example',
imports: [XVideo],
templateUrl: './video.component.html',
})
export class ExampleComponent {}
chrome:demo.events.title
chrome:demo.events.empty
chrome:demo.api.title
x-video
chrome:demo.api.col.property
chrome:demo.api.col.type
chrome:demo.api.col.default
chrome:demo.api.col.description
srcXFileSource—Video source — URL, data URI, blob, or file.
posterXFileSource—Poster image source shown before playback starts.
labelstring—Accessible name for the player host (`aria-label`).
sizeXSize—Visual size tier — falls back to XConfigService when unset.
densityXDensity—Spacing offsets — orthogonal to `size`; falls back to XConfigService when unset.
controlsbooleantrueShow custom toolbar chrome; `false` leaves the native element chromeless.
preloadXMediaPreload'metadata'Native preload hint — not shown in the player chrome.
autoplaybooleanfalseStart playback automatically; forces mute on the native element when enabled.
crossOriginstring—Native `crossorigin` attribute when loading cross-origin media.
ratioXAspectRatioValue16 / 9Aspect ratio when framed; `undefined` uses intrinsic video sizing.