Video component in designsystemet

[walldenfilippa]

Description

We have created a video component for the app-frontend-react, currently using its default control. However, the default control is somewhat "old" and would benefit from a new custom control. Instead of implementing this directly in the app-frontend-react repository, we were considering whether designsystemet should add and costumize this feature?

Additional Information

This link is showing the same video with its default control:

https://flowbite.com/docs/components/video/

Relevant links (custom video controls)

https://www.audi.com/ci/en/guides/user-interface/components/video-player.html
https://designsystem.line.me/LDSM/components/video-player-ex-en
https://www.componentcollector.com/component/video-player-ui
https://designsystem.education.govt.nz/components/video
https://gatsby.carbondesignsystem.com/components/Video/
https://newskit.co.uk/components/video-player/

Screenshot of audi video player

Note

An Audio component has also been added to the app-frontend-react repository, using its default control. If designsystemet find this relevent, it might be a good idea to look into the audio component control and layout aswell. So that the controls maintain a coherent design.