HTML Video Tag

By Xah Lee. Date: . Last updated: .

HTML5 video example with webm video format

<video src="i/I-15bis.ogg.360p.webm" controls></video>

Here's how your browser shows it:

[video source ]

HTML5 video example with ogg video format

<video src="i/I-15bis.ogg.ogx" controls></video>

Here's how your browser shows it:

[video source ]

Specifying Multiple Video Formats

If you have multiple video formats, you can use the “source” tag. Browser will pick the one it understands or most suitable. Example:

<video controls>
  <source src="mymovie.ogg" type="video/ogg">
  <source src="mymovie.mp4" type="video/mp4">
  Your browser does not support the video element.
</video>

HTML5 Video Tag Attributes

Following are optional attributes.

preload
none, metadata, auto
controls
Show control panel. • Does not take any value
autoplay
Start to play automatically. • Does not take any value
loop
Loop playback. • Does not take any value
width
value is integer, in pixels
height
value is integer, in pixels
poster
e.g. … poster="image.jpg" …

Browser Support

As of , all major browsers support the video tag for years. But, browsers may not support the video format.

HTML5 Audio

See: HTML5 Audio Tag.

Liket it? Put $5 at patreon.

Or, Buy JavaScript in Depth

If you have a question, put $5 at patreon and message me.

Web Dev Tutorials

  1. HTML
  2. Visual CSS
  3. JS Basics
  4. JS in Depth
  5. JS Reference
  6. DOM
  7. SVG
  8. JS Misc