HTML Video Tag: Attributes, Supported Formats, and Examples

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML5 Video Player Demo</title>
</head>
<body>
    <h2>Responsive HTML5 Video with Subtitles</h2>
    
    <video controls poster="https://via.placeholder.com/640x360" width="640" height="360" style="max-width: 100%; height: auto; border-radius: 8px;" preload="metadata">
        <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
        <source src="https://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg">
        <!-- Subtitles Track for Accessibility -->
        <track src="/subtitles/captions_en.vtt" kind="subtitles" srclang="en" label="English">
        Your browser does not support native HTML5 video.
    </video>
</body>
</html>