In this tutorial, we will learn how to embed a youtube player in react js as a floating payer allowing the user to navigate the application without closing the player.

We will also add dragging and resize functionality to the player widget.

Demo + Source:
https://react-component-depot.netlify.app/video-players

NPM Packages:
react-draggable - https://www.npmjs.com/package/react-draggable
react-resizable - https://www.npmjs.com/package/react-resizable

Youtube API Reference
https://developers.google.com/youtube/iframe_api_reference

#react #javascript #web-development