Player

Plyr is a simple, lightweight, accessible and customizable HTML5 and YouTube media player.

// Css
<link rel="stylesheet" href="css/vendor/plyr.css" />

// Javascript
<script src="js/vendor/plyr.min.js"></script>

document.querySelectorAll('.player').forEach((el) => {
  new Plyr(el);
});

<video class="player" poster="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg">
  <source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4" type="video/mp4" />
</video>

You may find more examples in Interface.Plugins.Player.html file which is initialized by js/plugins/players.js.