@vidstack/react

Vidstack React

Vidstack is a video/audio platform for frontend developers to build high-quality and accessible experiences on the web.

📖 Docs

You can find our documentation at vidstack.io.

📝 License

Vidstack React is MIT licensed.

Changelog

1.10.0-next (2024-01-30)

✨ Features

Core

• web component bundler plugins (dfd4fa5)

Player

• new sliderChaptersMinWidth layouts prop (441c54e)
• allow json to be passed directly to track content prop (f20e904)
• new clipStartTime and clipEndTime player props (f190651)
• new disabled prop on gesture component (0a1cc02)
• new posterLoad player prop (ea2a9e7)
• new load="play" player option (1b7389c)
• new storageKey player prop (b397859)
• new disableTimeSlider default layout prop (219b90e)
• new noGestures default layout prop (2fff957)
• load chapters from vimeo embed (8a23415)
• new crossOrigin prop on poster component (ecbf277)
• new crossOrigin prop on slider video component (d699c7b)
• new crossOrigin prop on thumbnail components (72b8056)
• support new thumbnail src types (698e575)
• new keyboard action display in default layout (52890b0)
• airplay support (0f7df2f)
• google cast support (d08d630)
• add media session api support (da82b35)
• new storage player prop and MediaStorage interface (778ff6c)
• new view, stream, and remote type tailwind variants (e15aefc)
• font style customization menu (4e902b6)
• expose cancellable media request events on all components (b6d84af)
• include ManagedMediaSource support check (ab35874)
• plyr layout (622dfda)
• redesign default audio layout (7ff5e65)
• new title component (764c977)
• new duration player prop (4cf4457)
• new seekStep default layout prop (1d32867)

Player (React)

• default layout slots (209d400)
• add remotion support to plyr layout (9534d68)
• allow default video slots to be passed to both sizes (5abd619)

🐛 Bug Fixes

Player

• call ready state on text track with content only (d3aad91)
• fill last slider chapter gap based on duration difference (32ed5d5)
• youtube should fire seeking and not play on initial seek (5f11163)
• vimeo should fire seeking (298be0c)
• remotion provider should fire seeking (5c4c359)
• improve looping behaviour (23fd34f)
• accessibility warning on iframes (51e3697)
• switching src on cdn throwing (5565724)
• include tooltip left/right default theme styles (80ad732)
• vimeo video info can be undefined (#1062) (c8b871f)
• update icon slots on all mutations (00073a0)
• catch false postive vimeo pro detection (29d6fa0)
• use intrisic duration for last vimeo chapter end time (4dbe21e)
• rename crossorigin prop to crossOrigin (37513ea)
• rework media request queue (6f9c16b)
• set src on poster image to prevent white border (437764f)
• rename playsinline prop to playsInline (e7cb6c5)
• rename autoplay prop to autoPlay (0fc9dd7)
• add missing load events to all providers (446a4f4)
• remove redundant default layout exports (67de0e9)
• replace player query lists with callbacks (3644a74)
• remove player query lists (6f1129e)
• key events not updating slider value (a39a6fc)
• manage focus when default audio layout transitions (87340eb)
• toggle captions on plyr layout should show cue (1ea562a)
• iframe should not leak outside media provider (ed93a31)
• switching from youtube to vimeo gets stuck (597cef7)
• settings stops working via keyboard after exiting (f4954d9)
• vimeo not firing ended event (fba30c9)
• check whether browser can play audio/video type (b7ff954)
• select default hls captions (11b0c70)
• tweak remote playback tw variants (e6c506b)
• support never for small-when attr (04955c4)

Player (React)

• default chapters menu should use compact layout when no thumbnails (809098e)
• click callbacks not working in menus (fcb938f)