.youtube-player { position: relative; max-width: 560px; width: 100%; max-height: 310px; margin: 0 auto; padding-bottom: 310px; height: 0 !important; overflow: hidden; background:#000; }
.youtube-player iframe, .youtube-player > div, .youtube-player img { position: absolute; top:0; left:0; width:100%; height:100% !important; }
.youtube-player img { width:100%; height:100%; object-fit: cover; display:block; }
.youtube-player .play { position:absolute; top:50%; left:50%; width:68px; height:48px; background:url('https://i.imgur.com/TxzC70f.png') no-repeat; background-size:contain; transform:translate(-50%,-50%); opacity:0.9; pointer-events:none; }

@media (max-width:768px) {
  .youtube-player {
    max-width:380px !important;
    width:100vw !important;
    padding-bottom:calc(100vw*9/16);
  }
}