feat:: Add centered chrome with animated play button in YT theme

[ronalduQualabs]

This PR solves Issue 136 watch video

The Issue:

• On Mobile, tapping does not toggle playback, only shows controls and in the YT theme the play button it's really small for touch screen.

Proposed Solution:

• Add a centered-chrome in the theme.
• Include a media-play-button that covers 50% of the video element (red rectangle on the video sample)
• YouTube-style animation for play/pause event on centered-chrome

All this logic is for Mobile on desktop it keeps toggles playback on click anywhere.

Note: The 50% coverage (red rectangle) it's meant to prevent play/pause trying to improve UX when user want the controls appear on tap on mobile.

Plus:

• Correct bug by making the shadow with filter instead of stroke and grouping parts of the icons play/pause

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
player-style	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 1, 2025 7:37pm
player-style-remix	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 1, 2025 7:37pm

[vercel]

@ronalduQualabs is attempting to deploy a commit to the Mux Team on Vercel.

A member of the Team first needs to authorize it.