<div class="container">
	<div id="player" data-plyr-provider="youtube" data-plyr-embed-id="bTqVqk7FSmY"></div>
</div>
<!-- Plyr resources and browser polyfills are specified in the pen settings -->
.container {
	margin: 20px auto;
	max-width: 500px;
}
// Change "{}" to your options:
// https://github.com/sampotts/plyr/#options
const player = new Plyr('#player', {});

// Expose player so it can be used from the console
window.player = player;
View Compiled

External CSS

  1. https://unpkg.com/plyr@3/dist/plyr.css

External JavaScript

  1. https://cdn.polyfill.io/v2/polyfill.min.js?features=es6,Array.prototype.includes,CustomEvent,Object.entries,Object.values,URL
  2. https://unpkg.com/plyr@3