.player-frame-wrapper {
  position: relative;
  overflow: hidden;
}
.player-frame-wrapper-ratio {
  /* same as player ratio */
  padding-top: 56.25% !important; /*41.67%;*/
}

.headoff .player-frame-wrapper-ratio
{

  padding-top: 49.58%; 
}

.footoff .player-frame-wrapper-ratio
{

  padding-top: 50.10%; 
}


.headoff.footoff .player-frame-wrapper-ratio
{

  padding-top: 43.44%; 
}
 
.player-frame {
  /* make iframe fill wrapper */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}