Video player

A Video Player lets users watch and control videos.

When to use

Use the video player whenever you have to display a video.

When not to use

Do not use the video player as a way to display images

Behaviour

  • Playback Controls : Users can play, pause, and move forward or backward by clicking on the progress bar in the video.
  • Adaptive UI : On small screens, the player adjusts to save space.
  • Captions and Subtitles : Users can turn on captions if needed.

Placement

  • The Video Player should be placed where it is easy to see.
  • It should not be covered by other elements.

Accessibility Considerations

  • All controls should be usable with a keyboard.
  • Captions should be available for users who cannot hear the audio.
  • Buttons should be large enough to click easily.
  • The player should use Aria attributes for better screen reader support.