Tag

Defines embedded video content

<video src="videos/bear.mp4"
  poster="images/bear.png"
  width="640"
  height="480"
  autoplay
  controls
  loop
</video>

<video autoplay loop muted playsinline
  aria-labelledby="video-label"
  width="…" height="…">
  <source type="video/webm" src="clip.webm">
  <source type="video/mp4" src="clip.mp4">
  <!-- image fallback, old habits die hard -->
  <img src="clip.gif" alt="…" width="…" height="…">
</video>
<div id="video-label" aria-hidden="true">
  (alternative text)
</div>

If you want to offer multiple video formats, remove the src attribute from the

<video
  poster="filename"
  width="value"
  height="value"
  autoplay
  controls
  loop>
  <source src="filename"
    type='type; codecs="codecs"'>
  <source etc...
</video>

<video
  poster="images/bear.png"
  width="640"
  height="480"
  autoplay
  controls
  loop>
  <source src="videos/bear.mp4"
  type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'>
  <source src="videos/bear.webm"
  type='video/webm; codecs="vp8, vorbis"'>
  <source src="videos/bear.ogv"
  type='video/ogg; codecs="theora, vorbis"'>
</video>