<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="https://cdn.plyr.io/3.7.8/plyr.css"/>
<style>
body{
background:#111;
color:white;
}
</style>
</head>
<body>
<div class="plyr__video-embed" id="player">
<iframe
src="https://www.youtube.com/embed/43XQ0D4ee-8?origin=https://plyr.io&iv_load_policy=3&modestbranding=1&playsinline=1&showinfo=0&rel=0"
allowfullscreen
allowtransparency
allow="autoplay"
></iframe>
</div>
<script src="https://cdn.plyr.io/3.7.8/plyr.js"></script>
<script>
const player = new Plyr('#player',{
controls: [
'play-large',
'play',
'progress',
'current-time',
'mute',
'volume',
'settings',
'fullscreen'
],
settings: ['quality','speed'],
speed: { selected: 1, options: [0.5,1,1.25,1.5,1.75,2] }
});
</script>
</body>
</html>