feat(NGUI-176): Video component

[Hrithik-Gavankar]

Video Component Implementation

What's Changed:

• Added VideoPlayerWrapper React component with YouTube and direct video support
• Fixed backend data transformation to properly extract video URLs and poster images
• Added error handling to prevent server crashes

Key Features:

• YouTube video embedding with thumbnails
• Direct video file playback
• Poster image fallbacks
• Responsive 16:9 aspect ratio

Testing:

• 23/23 unit tests passing
• Server stability improved (no more random crashes)
• Video playback verified with test data

Usage:

{
  "component": "video-player",
  "video": "https://www.youtube.com/embed/v-PjgYDrg70", 
  "video_img": "https://img.youtube.com/vi/v-PjgYDrg70/maxresdefault.jpg",
  "title": "Toy Story Trailer"
}

[velias]

Please document video-player abilities in README.md as discussed in RedHat-UX/next-gen-ui-agent#177 .
Example is in RHDS renderer README https://redhat-ux.github.io/next-gen-ui-agent/guide/renderer/rhds/

[velias]

BTW that AI generated PR description is too long/hard to read and understand ;-) Contains lots of unnecessary or duplicate or unrelated info. Try to keep it short and with important info only to make reviewer work easier :-D

[velias]

@grantsydney @eyevana can you review this PR also please as a FE/React experts

[velias]

Why are all that e2e changes part of this PR? They should not be here

[Hrithik-Gavankar]

Hi @velias,

Those e2e files were present when I initially cut the branch from main, which is why they appeared in this PR.
I’ve now updated the branch with the latest main, and those changes are no longer visible.

Thank you for pointing it out!

[velias]

LGTM