feat(nx-dev): refactor and improve style of video-player

[juristr]

Removes obsolete unused parts and refactors how embedded videos are rendered

Current Behavior

Expected Behavior

[vercel]

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

Name	Status	Preview	Updated (UTC)
nx-dev	✅ Ready (Inspect)	Visit Preview	Jan 24, 2025 4:48pm

[nx-cloud]

View your CI Pipeline Execution ↗ for commit a1c522a.

Command	Status	Duration	Result
nx affected --targets=lint,test,build,e2e,e2e-c...	✅ Succeeded	4m 45s	View ↗
nx run-many -t check-imports check-commit check...	✅ Succeeded	1m 3s	View ↗
nx-cloud record -- nx-cloud conformance:check	✅ Succeeded	1s	View ↗
nx-cloud record -- nx format:check --base=1c8b3...	✅ Succeeded	25s	View ↗
nx-cloud record -- nx sync:check	✅ Succeeded	24s	View ↗
nx documentation --no-dte	✅ Succeeded	44s	View ↗

---

☁️ Nx Cloud last updated this comment at 2025-01-24 16:49:40 UTC

[bcabanes]

Can we set this to false by default? Also, on mobile we should not play at all the video.

[juristr]

Note it only autoplays once the video player comes into your viewport. I left autoplay to true because that's the behavior we had so far. This video-player is mostly used to show some endless animations, where gif is really bad. That's why it is autoplay=true and showControls=false.

I've refactored it to allow showControls as well because I need it in the upcoming blog post where there are longer "videos" where you want the user to be able to go back / forth etc.