• FRAMEWORK

Media

Videos

Videos

The Videos component provides a standardized way to embed and display videos (e.g., YouTube, Vimeo, or self-hosted MP4 files) in your applications. Videos are responsive by default and can include custom player styles, captions, and lazy loading for performance optimization.

Note: Always ensure you have the rights or licenses to use the videos you embed.

Responsive Embedded Video

Embed YouTube or Vimeo videos responsively using fo-video-responsive class.

Custom Video Player (MP4)

For self-hosted videos, you can style the native HTML5 <video> tag.

Performance & Accessibility Notes

  • Use loading="lazy" for iframe embeds to improve initial page load time.
  • Provide captions or transcripts for accessibility (WCAG compliance).
  • Compress and optimize video files for faster streaming.