# surmon-china/videojs-player

@videojs player component for @vuejs(3) and React.

Repository: https://github.com/surmon-china/videojs-player
Canonical: https://ross.abutalabs.com/products/videojs-player
Homepage: https://github.surmon.me/videojs-player
Language: TypeScript
License: MIT
License Family: permissive
Topics: video-player, vue, vue-video-player, player, vue-component, player-video, videojs, vue-hls, vue-player, react-video-player, videojs-player, web-media-player, react-player, vue-videojs, react-videojs, flv-player, hls-player, dash-player, videojs-flv
Last push: 2022-08-23T11:04:12+00:00

## Health v2 (maintenance only)
Score: 23/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 8, longevity 100
- inputs: {"age_days": 3626, "days_push": 1471, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 5441, forks 1119 (observed 2026-08-28T04:09:18.197542+00:00)

## What it is
A Video.js player component wrapper for Vue 3 and React, published as @videojs-player/vue and @videojs-player/react. It exposes Video.js configuration, events, and player state through framework-idiomatic components with support for HLS, DASH, and FLV playback.

## Use cases
- embed a video player in a Vue 3 app
- play HLS m3u8 streams in React
- add a DASH player component to a web app
- customize video player controls in Vue
- build a live streaming player with captions and chapters
- migrate from vue-video-player to Vue 3

## When to choose
- you use Vue 3 or React and want Video.js with a declarative component API
- you need HLS, DASH, or FLV playback with customizable controls
- you want reactive access to player state like volume, playback rate, and fullscreen

## When to avoid
- you need Vue 2 support (use legacy vue-video-player@5.x)
- you want a framework-agnostic player without Vue/React
- you need a player other than Video.js or active recent development

## Facets
- artifact type: library
- maturity: maintenance
- function: ui-components, video-processing
- domain: web-development, frontend, media
- platform: cross-platform
- tags: videojs, vue3, react, hls, dash, video-player-component, typescript, web-server, nodejs

## Member repositories
- surmon-china/videojs-player (main) score 23

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:09:18.197542+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T17:56:51.778791+00:00, confidence not recorded.
  - readme: https://github.com/surmon-china/videojs-player (fetched 2026-08-28T04:09:18.197542+00:00, sha d32a74e6aa0d)
  - homepage: https://github.surmon.me/videojs-player (fetched 2026-08-29T08:52:14.427483+00:00, sha 9aa7390e1a6b)
- Data as of 2026-08-30T08:39:29.467469+00:00.