Gente tenho umas duvidas aqui.
Primeiramente vendo o resultado final, muito provavelmente será visto em outro curso, eu entendo. Mas, me digam: porque não posso colocar a div do frame do youtube antes da imagem e colocar no css um float: left nele?
Segundo, pra que colocar um width de 560px na class video se na importação dele já tá com esse valor por default? ficou confuso para mim.
Oi, Leonardo, tudo bem?
Sobre a primeira pergunta, você pode fazer dessa forma, mas como você observou, o professor vai acertar esse detalhes. Mas da forma como você sugeriu funciona sim.
Sobre a segunda pergunta, o porquê dele ter posto a mesma largura do vídeo, foi porque ele criou um div, e para essa div com a class video ela deu a mesma largura, se ele não tivesse criado uma sessão nova, não precisaria, mas ele preferiu criar uma div para colocar dentro o iframde do video e para isso colocou o valor da largura. É importante separar os elementos em div com a semântica de caixa ou sessão, para caso você deseje mover ou fazer alterações, como cor de fundo, etc, você fará dentro dessa tag div e não diretamente no iframe
Se ficou alguma dúvida é só falar :}
Olá Laís,
Primeiramente obrigado pela resposta.
isso me gerou algumas outras duvidas, na real.
1)Se eu altero o width no iframe e colocasse no css width:100% daria na mesma?
2)Se eu não tivesse colocado nenhum valor no width daria no mesmo?
3)Tem algum default nas divs de width e height?
Grato pela atenção!
Oi, Leonardo, tudo bem?
1)Se eu altero o width no iframe e colocasse no css width:100% daria na mesma?
Então, no caso da escolha do instrutor, ele colocou a div, a caixa onde está o vídeo, com uma largura de 100%, mas a largura do em si do vídeo é de 560px. Se você aumentar a largura do video, ele terá espaço para crescer dos lados, já está dentro da div com 100% de largura.
2) Se eu não tivesse colocado nenhum valor no width daria no mesmo?
No, caso, qual o width você fala, o da div ou do iframe? Na tag iframe é importate definir o width e o height que você quer dar para o vídeo, segue a documentação: https://www.w3schools.com/html/html_iframe.asp, aqui tamb´me: https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/iframe
3)Tem algum default nas divs de width e height?
Para as propriedades height e width, não tem valores default, para o div é display:block. No caso, do widht e height, se você não definir valores para essas propriedades,a largura e a altura terá por os tamnhos do elemento ou imagem, por exemplo, que você for utilizar. Aqui vai uma lista dos valores defaults dos elementos: https://www.w3schools.com/cssref/css_default_values.asp
Espero ter te ajudado!