Playr

Is a HTML5 Video and Audio on well as Bare

Quick Setup

HTML

HTML5 Video

<video id="player" playsinline controls data-poster="poster.jpg">
  <source src="video.mp4" type="video/mp4" />

  <!-- Captions are optional -->
  <track kind="captions" label="English captions" src="captions.vtt" srclang="en" default />
</video>

YouTube and Vimeo

<div class="playr__video-embed" id="player">
  <iframe
    src="https://www.youtube.com/embed/i8g7UdkGKFMc="
    allowfullscreen
    allowtransparency
    allow="autoplay"
      ></iframe>
</div>

or

<div class="playr__video-embed" id="player">
  <iframe
    src="https://player.vimeo.com/video/772595268?h=787e6e12bc"
    allowfullscreen
    allowtransparency
    allow="autoplay"
  ></iframe>
</div>

JavaScript

<script src="playr.js"></script>
<script>
  const player = new Playr('#player');
</script>

<script src="https://https://danilkal.github.io/playr.js"></script>

CSS

<link rel="stylesheet" href="playr.css" />

<link rel="stylesheet" href="https://danilkal.github.io/playr.css" />