.player-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}

	.player-container iframe,
	.player-container object,
	.player-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
   
   #myPlayer {
      width: 100%;
      height: 100%;
   }

  
  #fullscreen {
    position: absolute;
    top: 30px;
    right: 5px;
    z-index: 9999;
	transform: translate(-50%, -50%);
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    border-radius: 5px;
    padding: 8px 12px;
    cursor: pointer;
  }
  #play-pause-btn{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999; 
	transform: translate(-50%, -50%);
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    border-radius: 15px;
    padding: 18px 22px;
    cursor: pointer;
	opacity: 0;
    transition: opacity 0.3s ease;
  }
  
  #play-pause-btn-ini{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999; 
	transform: translate(-50%, -50%);
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    border-radius: 15px;
    padding: 18px 22px;
    cursor: pointer;
  }
  
  #player-container:hover #play-pause-btn {
    opacity: 1;
}
  
  #playButton {
    position: absolute;
    top: 30px;
    left: 40px;
    z-index: 999; 
	transform: translate(-50%, -50%);
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    border-radius: 5px;
    padding: 8px 12px;
    cursor: pointer;
  }
  #pauseButton {
    position: absolute;
    top: 30px;
    left: 80px;
    z-index: 999; 
	transform: translate(-50%, -50%);
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    border-radius: 5px;
    padding: 8px 12px;
    cursor: pointer;
  }
   #btn_restart {
    position: absolute;
    top: 30px;
    left: 40px;
    z-index: 999; 
	transform: translate(-50%, -50%);
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    border-radius: 5px;
    padding: 8px 12px;
    cursor: pointer;
  }
   #muteButton {
     position: absolute;
    top: 30px;
    right: 45px;
    z-index: 9999;
	transform: translate(-50%, -50%);
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    border-radius: 5px;
    padding: 8px 12px;
    cursor: pointer;
  }
  .youtube {
    position: absolute;
    top: 75%;
    left: 25%;
    z-index: 999; 
	transform: translate(-50%, -50%);
    color: white;
    background-color: rgba(255, 0, 0, 0.5);
    border: none;
    border-radius: 5px;
    padding: 8px 12px;
    cursor: pointer;
  }
  .instagram {
    position: absolute;
    top: 75%;
    left: 50%;
    z-index: 999; 
	transform: translate(-50%, -50%);
    color: white;
    background-color: rgba(255, 165, 0, 0.5);
    border: none;
    border-radius: 5px;
    padding: 8px 12px;
    cursor: pointer;
  }
  
  
  .facebook {
    position: absolute;
    top: 75%;
    left: 75%;
    z-index: 999; 
	transform: translate(-50%, -50%);
    color: white;
    background-color: rgba(0, 0, 255, 0.5);
    border: none;
    border-radius: 5px;
    padding: 8px 12px;
    cursor: pointer;
  }