#container4player {
    width: 100%;
    max-width: 960px;
    max-height: 540px;  /* 16:9 ratio */
    aspect-ratio: 16 / 9;   /* maintains 960:540 ratio */
    margin: 0 auto;
  }
  
  #player-container {
    position:relative;
    width:100%;   /* max size */
    height:100%;  /* 16:9 ratio */
    max-width: 960px;
    max-height: 540px;  /* 16:9 ratio */
    background:black;
    overflow:hidden;
  }

  #player-container iframe {
    position:absolute;
    top:0; left:0;
    width:100%; height:100%;
    border:0;
    pointer-events:none !important;
    z-index:1;
  }

  /* YTH_overlay (dark layer with "Click to Play") */
  #YTH_overlay {
    position:absolute;
    top:0; left:0;
    width:100%; height:100%;
    background:rgba(0,0,0,0.7);
    color:white;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    z-index:5;
    font-size:1.3rem;
    transition:opacity .25s;
  }

  /* Top-right logo YTH_overlay */
  #logo_YTH_overlay {
    position:absolute;
    top:8px;
    right:20px;
    z-index:6;
    width:60px;      /* change as needed 60 or 90 */
    height:60px;
    pointer-events:none; /* so clicks pass through */
  }
  #flix_YTH_overlay {
    position:absolute;
    bottom:0px;
    right:0px;
    z-index:6;
    width:180px;      /* change as needed */
    height:68px;
    pointer-events:none; /* so clicks pass through */
  }

  #logo_YTH_overlay img, #logo_YTH_overlay svg {
    width:100%;
    height:100%;
    object-fit:contain;
  }

  #controls {
    margin-top:15px;
  }

  .YTControls {
    background:rgba(255,255,255,0.1);
    border:1px solid rgba(255,255,255,0.3);
    color:white;
    border-radius:6px;
    padding:10px 20px;
    cursor:pointer;
    font-size:1rem;
    transition:background .2s;
    margin: 10px;
  }

  .YTControls:hover {
    background:rgba(255,255,255,0.25);
  }