HTML5 video – Default vs. Custom player

The used custom player is Video.js, because it’s one of the most seen video player currently on the web.

Showcase

<html>
  <head>
    <link href="https://vjs.zencdn.net/7.10.2/video-js.min.css" rel="stylesheet">
    <script src="https://vjs.zencdn.net/7.10.2/video.min.js"></script>
  </head>
  <body>
    <h1>Default player</h1>
      <video controls>
        <source src="https://vjs.zencdn.net/v/oceans.mp4">
      </video>
    <h1>Video.js player</h1>
      <video controls class="video-js" data-setup="{}">
        <source src="https://vjs.zencdn.net/v/oceans.mp4">
      </video>
  <body>
</html>

Comparison (2022-01-28)

Criteria	Default	Video.js
Cross-browser appearance	Different	Identical
Adaptive streaming support (HLS / DASH)	Some	Mostly ¹

¹ Except DASH on iOS Safari