The video element

This demo shows a <video> element with a highly compressed (2.6 MB) WebM source and an MP4 source. The video's intrinsic resolution is 1920 x 1080.

The WebM source was compressed using the Best Quality (slowest) Recommended Settings from Google's V9 encoding guide.

View Source Code

<video controls width="1920" height="1080">
    <source
    type="video/mp4"
    src="../video-1920.mp4?v=1671553389855"
  />
  <source
    type="video/webm"
    src="../video-1920.webm?v=1671553389855"
  />
</video>

Learn Performance - Video

The video element