digdir / designsystemet

Designsystemet
https://designsystemet.no
MIT License
68 stars 34 forks source link

Video component in designsystemet #2125

Closed walldenfilippa closed 1 week ago

walldenfilippa commented 2 weeks ago

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/

image

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


![image](https://github.com/digdir/designsystemet/assets/143729834/2f18e4c4-3981-453e-9ae2-76b51017de81)

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.