feat: web support

[zoriya]

Summary

Initial implementation for the web. I decided to use video.js to support more advanced features (like hls/dash/ads/drm...)

Missing features i don't plan on implementing:

• buffer config
• drm
• ads

Motivation

Fixes #4605

Note that i found some missing APIs while implementing this (crossed items are those I added an api & implementation but only on the web):

• missing mimeType in source
• missing startTime
• missing audio/video selections
• missing metadata in text tracks (default, forced, cc, codecs)
• multi-source setup (give two uris + mimetype for the same video & let the player determine which one it can play)
• multi audios
• multi variants (hls/dash only)
• next/prev custom actions for the media notification

Test plan

I've been using this PR for a few months on https://github.com/zoriya/kyoo and it works perfectly. This should be ready to merge.

[zoriya]

I switched the implementation to videojs instead of shaka because it was a pain to switch between html5 video for mp4/basic videos & shaka for hls/dash.
videojs offers a unifed api for that and offer even more features through plugins.

[zoriya]

I added new public APIs that are only used for the web right now:

• mimeType in the source.
• getAvailableAudioTracks(), selectAudioTrack(track | null) & get selectedAudioTrack() on the player
• getAvailableVideoTracks(), selectVideoTrack(track | null) & get selectedVideoTrack() on the player
• getAvailableQualities(), selectQuality(track | null), get currentQuality() & get autoQualityEnabled() on the player
• onQualityChange, onVideoTrackChange & onAudioTrackChange events

[moskalakamil]

you don't plan on adding thoses to native? Those were implemented in v6 and i feel are pretty important features for a video player

I agree, but since we don’t currently have them on native side and Video.js v10 doesn’t provide a public API for this, we can add it in the future, for example when video.js will add support

[zoriya]

I'll personally wait for those features to be available to update and keep kyoo on my branch in the meantime.

I skimmed through videojs's issues/milestone and it probably won't be long before they implement those features. They also have some nice features planned like keyboard control, chromecast/airplay...

[Copilot]

Pull request overview

Copilot reviewed 42 out of 47 changed files in this pull request and generated 8 comments.

Comments suppressed due to low confidence (1)

packages/react-native-video/src/core/events/VideoPlayerEventsBase.ts:101

• onBandwidthUpdate is part of VideoPlayerEvents (no @platform restriction) but VideoPlayerEventsBase.addEventListener doesn’t handle it anymore, so on web it will currently throw Unsupported event: onBandwidthUpdate. Either route this event here (like other shared events) via eventEmitter.addOnBandwidthUpdateListener, or explicitly mark it as native-only in Events.ts and ensure web doesn’t advertise support.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[moskalakamil]

@videojs/react is added as a dependency instead of peerDependency to simplify DX for web users - no extra install needed. This package is only imported from .web.tsx files, which are never resolved by Metro when bundling for native platforms, so it has zero impact on native bundle size