Full-screen Video Component - Copy this Html, Tailwind Component to your project

I need to create a full screen video component for the homepage of a band portfolio website. The video will be a YouTube embed, serving as an introduction to the band, and should start in a paused state by default. Overlaying the video should be the band's name, displayed prominently in the center of the screen. When the user clicks play on the video, the band’s name should smoothly fade out and disappear. If the video is paused, either manually or at the start, the name should fade back in and reappear. The design should include smooth transitions and work across all modern browsers and devices, both desktop and mobile