About this example

• Example with only video tag components.
• CSS only to make the page responsive.
• No javascript in the example.
• Uses 2 column template component so that explanatory text can be viewed next to the image.

Appearance

• The video controls may appear different depending on the how the browser renders the video tag.

Captions

• The <video> tag only supports captions in the WebVTT format. For details see Adding captions and subtitles to HTML5 video

Additional Resources

General

• <video> - HTML | MDN
• HTML5 Video | w3schools.com
• HTML5 Video Events and API | w3.org

Controls

• Building Custom Controls for HTML5 Videos
• HTML <video> controls Attribute | w3schoos.com
• Video player styling basics | MDN