Inline Player

These modular elements can be readily used and customized in every layout across pages.

For more detail see, Plyr Documentation

Youtube Player
<div class="rounded overflow-hidden">
  <div class="player" data-plyr-provider="youtube" data-plyr-embed-id="bTqVqk7FSmY"></div>
</div>
Vimeo Player
<div class="rounded overflow-hidden">
  <div class="player" data-plyr-provider="vimeo" data-plyr-embed-id="76979871"></div>
</div>
Stylesheet
<link href="assets/lib/plyr/plyr.css" rel="stylesheet" />
Javascript
<script src="assets/lib/plyr/plyr.polyfilled.min.js"></script>