.video-wrapper { posição: relativa; largura: 100%; altura: 0; padding-bottom: 56,25%; /* Proporção 16:9 para o vídeo */ } iframe { posição: absoluta; superior: 0; esquerda: 0; largura: 100%; altura: 100%; } .ad-overlay { posição: absoluta; inferior: 0; esquerda: 0; largura: 100%; altura: 150px; /* Altura do rodapé de anúncios, ajuste conforme necessário */ cor de fundo: rgba(0, 0, 0, 0,5); /* Cor de fundo transparente para sobreposição */ exibição: flexível; itens de alinhamento: centro; justificar-conteúdo: centro; visibilidade: oculta; opacidade: 0; transição: opacidade 0,3s; } .ad-banner { posição: relativa; largura máxima: 80%; /* Largura máxima do banner de anúncios */ cor de fundo: ; /* Cor do fundo do banner */ alinhamento de texto: centro; preenchimento: 10px; } .botão de fechar { posição: absoluta; topo: 5px; direita: 5px; cursor: ponteiro; cor de fundo: transparente; borda: nenhum; preenchimento: 5px 10px; } .botão de fechamento:hover { cor de fundo: transparente; } .show-ad { visibilidade: visível; opacidade: 1; }