Solucionado
<div class="video">
<iframe width="560" height="315" src="https://www.youtube.com/embed/wcVVXUV0YUY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
CSS
.video{
width:560px;
margin:2em auto;
}Não consigo colocar um color no Background do elemento. Não compreendo qual seria o erro. Me ajudem
Oi, Tudo bem?
Você adicionou a propriedade background-color: tomato; e você precisa aumentar a largura do elemento, veja que a largura está da div com a classe .video está igual aos tamanho do iframe, 560px. Aumente o width e adicione a cor desejada. Testa e me fala se deu certo :}
.video{
width:660px;
margin:2em auto;
background-color: tomato;
}Então Lais, não funcionou. A formatação não fica correta, pois não cobre toda linha do elemento.
Achei estranho pois esse é forma que foi realizada pelo instrutor.
Qual sua sugestão ?
Olá, resolvi com uma solução diferente pois a qual foi apresentada em aula não funcionou para mim.
Segue o HTML e CSS para alguém que possivelmente passe por isso:
HTML: Foi criada duas classes
<div class=video-conteudo>
<iframe class="video" width="560" height="315" src="https://www.youtube.com/embed/wcVVXUV0YUY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
CSS:
.video{
display: block;
width:560px;
margin:0 auto;
}
.video-conteudo{
margin:auto;
padding-bottom: 5px;
background: #888888
}Se possível, me deem algum feedback da solução
Oi, tudo bem?
Exatamente assim! Parabéns por ter solucionado. Testei e deu certo :}}
Qualquer dúvida é só falar!