HTML5 Video Codecs

<video width="480" height="270" playsinline controls>
  <source src="small.m3u8" type="application/x-mpegurl">
  <source src="small.mp4" type="video/mp4">
  <source src="small.webm" type="video/webm">
  <source src="small.ogv" type="video/ogg">
</video>

MP4 with H.264 (AVC)

<video width="480" height="270" playsinline controls>
  <source src="small.mp4" type="video/mp4">
</video>

MP4 with H.265 (HEVC)

<video width="480" height="270" playsinline controls>
  <source src="small-h265.mp4" type='video/mp4;codecs="hvc1.1.L0.0"'>
</video>

MP4 with AV1

<video width="480" height="270" playsinline controls>
  <source src="small.mp4" type='video/mp4;codecs="av01.0.05M.08"'>
</video>

WebM with VP8

<video width="480" height="270" playsinline controls>
  <source src="small.webm" type="video/webm">
</video>

WebM with VP9

<video width="480" height="270" playsinline controls>
  <source src="small.webm" type='video/webm; codecs="vp9, opus"'>
</video>

WebM with AV1

<video width="480" height="270" playsinline controls>
  <source src="small.webm" type='video/webm;codecs="av01.0.05M.08"'>
</video>

OGG

<video width="480" height="270" playsinline controls>
  <source src="small.ogv" type="video/ogg">
</video>

HLS with H.264

<video width="480" height="270" playsinline controls>
  <source src="small.m3u8" type="application/x-mpegurl">
</video>

Video source: Sintel, the Durian Open Movie Project