Inline player

A simple, lightweight, accessible and customizable HTML5, YouTube and Vimeo media player that supports modern browsers.

Sample demo

<div id="player-youtube" data-plyr-provider="youtube" data-plyr-embed-id="dQw4w9WgXcQ"></div>

<script src="https://cdn.jsdelivr.net/npm/@tabler/[email protected]/dist/libs/plyr/dist/plyr.min.js"></script>
<script>
  document.addEventListener("DOMContentLoaded", function() {
    window.Plyr && (new Plyr('#player-youtube'));
  });
</script>

Vimeo file

<div id="player-vimeo" data-plyr-provider="vimeo" data-plyr-embed-id="515937365"></div>

<script src="https://cdn.jsdelivr.net/npm/@tabler/[email protected]/dist/libs/plyr/dist/plyr.min.js"></script>
<script>
  document.addEventListener("DOMContentLoaded", function() {
    window.Plyr && (new Plyr('#player-vimeo'));
  });
</script>
Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
Do you like Tabler? tweet about it!
Support Tabler's development: Github Sponsors
illustrations banner imageillustrations banner image dark
65 sleek illustrations for your startup's visual identity.