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="https://cdn.glitch.global/97616b87-f930-4eb0-a8a0-84c6a73d97e7/video-1920.mp4?v=1671553389855"
  />
  <source
    type="video/webm"
    src="https://cdn.glitch.global/97616b87-f930-4eb0-a8a0-84c6a73d97e7/video-1920.webm?v=1671553389855"
  />
</video>

Learn Performance - Video

The video element