IT'S ME

Layout CSS

<style>
#mini-player{
 position:fixed;
 bottom:20px; left:20px;
 background:#ffe6f2;
 border:2px solid #ff69b4;
 padding:8px 12px;
 font-family:'Courier New',monospace;
 font-size:11px;
 color:#ff1493;
 z-index:9999;
 border-radius:12px;
 box-shadow:0 0 10px #ffb6d9;
}
#mini-player button{
 background:#ff69b4; color:white; border:0;
 border-radius:50%; width:22px; height:22px; cursor:pointer;
}
</style>

<div id="mini-player">
♫ now playing: Stray Kids - I Like It ♡ <button onclick="toggleMusic()">▶</button>
<div id="yt" style="display:none;"></div>
</div>

<script>
var player;
var isPlaying=false;
function onYouTubeIframeAPIReady(){
 player = new YT.Player('yt', {
  height: '0', width: '0',
  videoId: '8p0Q1K2iZ6w',
  playerVars:{
    listType:'search',
    list:'Stray Kids I Like It official audio ATE'
  }
 });
}
function toggleMusic(){
 if(!isPlaying){ player.playVideo(); isPlaying=true; event.target.innerHTML='❚❚'; }
 else{ player.pauseVideo(); isPlaying=false; event.target.innerHTML='▶'; }
}
var tag=document.createElement('script'); tag.src="https://www.youtube.com/iframe_api"; document.body.appendChild(tag);
</script>