Inline Player
These modular elements can be readily used and customized in every layout across pages.
For more Details see Plyr Documentation⟶
HTML
<div class="player" data-plyr-provider="youtube" data-plyr-embed-id="bTqVqk7FSmY"></div>
<div class="player" data-plyr-provider="vimeo" data-plyr-embed-id="76979871"></div>
CSS
<link href="assets/lib/plyr/plyr.css" rel="stylesheet">
Javascript
<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=es6,Array.prototype.includes,CustomEvent,Object.entries,Object.values,URL"></script>
<script src="assets/lib/plyr/plyr.min.js"></script>