Video

Summary

The `<video>` element embeds video with native controls, poster images, captions (`<track>`) and a rich JavaScript API for custom players. Production video interfaces also need responsive sizing, captions, accessible controls, loading strategy, poster images, and consideration for bandwidth and mobile performance.

• 1Embed a video with `controls`, `poster` and a `<track>` caption file. Validate your understanding by applying it in a small practical example.
• 2Build play/pause/seek controls using the HTMLMediaElement API. Keep the first version small, then add one improvement after the core behavior works.
• 3Learn lazy-loading and the `preload` attribute for performance.