BasToTheMax · May 25, 2023 16:28
diff --git a/index.html b/index.html
 <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 -->
diff --git a/script.babel b/script.babel
 // 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;
diff --git a/scripts b/scripts
 <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=es6,Array.prototype.includes,CustomEvent,Object.entries,Object.values,URL"></script>
 <script src="https://unpkg.com/plyr@3/dist/plyr.min.js"></script>
diff --git a/style.css b/style.css
 .container {
 	margin: 20px auto;
 	max-width: 500px;
 }
diff --git a/styles b/styles
 <link href="https://unpkg.com/plyr@3/dist/plyr.css" rel="stylesheet" />
diff --git a/youtube-plyr.markdown b/youtube-plyr.markdown
	<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 -->
	// 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;
	<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=es6,Array.prototype.includes,CustomEvent,Object.entries,Object.values,URL"></script>
	<script src="https://unpkg.com/plyr@3/dist/plyr.min.js"></script>