Skip to content

`gds-video` — Video

Documentație online (fără download) — citește aici pe Wiki.
Pachete npm: Package Registry · contracte în @gstack/gds-core.

BlockKind: video
Secțiune paletă: BLOCKS · Class: GdsVideoComponent · Pachet: @gstack/gds-angular
Data contract: VideoData din @gstack/gds-core

Player video mock (poster + play/progress) — UI, nu redare reală.

NumeTipDefaultDescriere
dataVideoDatarequiredtitle, ratio, poster?, duration?

Niciunul.

<gds-video [data]="{
title: 'Tutorial GPay',
duration: '3:24',
ratio: '16:9'
}" />
  • ratio: ‘16:9’ | ‘4:3’ | ‘1:1’.
  • Nu inventa props în afara tipului VideoData.
  • Stiluri: doar tokens GDS / --gds-accent; fără hex hardcodat.
  • projects/gds-angular/src/lib/components/gds-video.component.ts
  • projects/gds-core/src/lib/blocks.ts