Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
6
respostas

Usando class direto no iframe

Referente ao curso HTML5 e CSS3 parte 4: avançando no CSS, no capítulo Conteúdo externo e atividade Consolidando o seu conhecimento

por Thiago da Cruz Ferreira
| 22.1k xp | 3 posts

Boa noite.

Fiz um teste e não criei a div como o professor fez. Em vez disso, apliquei a class="video" direto no iframe. Porém, o vídeo não ficou centralizado como aconteceu se tivesse criado a div envolvendo o iframe.

O que pode ter acontecido?

Trecho do HTML:

< iframe class="video" width="560" height="315" src="https://www.youtube.com/embed/wWTX9Un6rvI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>

((espaço adicionado no início da tag propositalmente))

Trecho do CSS:

.video { width: 560px; margin: 1em auto; }

6 respostas
por Lenderson Moreira Bispo De Araujo
| 47.9k xp | 122 posts
Técnico de Impressoras Pleno 
Beleza Thiago, pelo que vi no seu HTML faltou fechar  o final do </iframe >
por Thiago da Cruz Ferreira
| 22.1k xp | 3 posts

Olá, Lenderson.

O < iframe> está fechado, mas não sei pq não apareceu aqui.

Vou colar abaixo dando um espaço para que apareça aqui no fórum.

< iframe class="video" width="560" height="315" src="https://www.youtube.com/embed/wWTX9Un6rvI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></ iframe>

solução!
por Victor Guilherme dos Santos Ramirez
| 294.5k xp | 15 posts
Analista de dados Logísticos

Opa Thiago, tudo bom?

Em html existem dois grupos de elementos: linha e bloco.

Cada grupo tem comportamentos padrão diferentes. Além disso, as propriedades css aplicadas para um podem não funcionar para outros.

Então quando se trata do iframe, ele é um elemento de linha, e você só vai conseguir manipular as margens em um elemento de bloco, tal como uma div.

por Thiago da Cruz Ferreira
| 22.1k xp | 3 posts

Olá, Victor.

Vc foi na mosca. Eu tinha me esquecido desta diferença entre linha e bloco.

Obrigado pela ajuda.

por Victor Guilherme dos Santos Ramirez
| 294.5k xp | 15 posts
Analista de dados Logísticos

De nada, fico feliz em ter ajudado.

por Lenderson Moreira Bispo De Araujo
| 47.9k xp | 122 posts
Técnico de Impressoras Pleno

boa pessoal.