cookpete/react-player ? reverse-engineered prompt

Build me a React component that can play media from a bunch of different URL types, like normal video files plus YouTube, Vimeo, SoundCloud, Twitch, Facebook, Streamable, Wistia, DailyMotion, HLS and DASH links. I want it to feel easy to use, so I can pass in a single source URL and have it automatically pick the right player behind the scenes.

It should support common controls like play, pause, mute, looping, volume, playback speed, picture in picture, loading a thumbnail first, and basic sizing and styling. Please include useful callbacks too, like when the player is ready, starts, pauses, buffers, ends, or errors out. If a source can’t be played, fall back gracefully instead of breaking.

Make it work as a reusable React component, with TypeScript if that fits the project. If you need to check current docs for any platform specifics, look them up online.