Centrar elemento iframe e video

[codercss 14]

Olá,

Estou com uma questão relacionada em colocar o iframe no centro da tag. Neste exemplo utilizei a tag body como pai. Mas a propriedade margin: 0 auto; não está a fazer efeito, porque?

https://jsfiddle.net/ededev/adqgc3qw/1/

Nota: Pensei que fosse alguma limitação da tag iframe, o que não estava a ver muita lógica (mas vai que era mesmo :P) Testei com a tag video mas o resultado foi o mesmo.

Obrigado

[William Bruno 1501]

adicionei um display: block

iframe {
  width: 60%;
  margin: 0 auto;
  border: 2px solid black;
  border-radius: 15px;
  display: block;
}

só faz sentido o margin: 0 auto; em elementos nível de bloco.

[codercss 14]

Obrigado, vou ter que estudar melhor a propriedade display.

Mais uma questão. Não neste código, mas no código do meu projecto quando coloco width: 100% ele coloca a tag iframe como 728 de largura, que é o máximo, mas o height ele fica apenas com 184px. Fica uma barra.

Como fazo para que o tamanho fique conforme janela do youtube. Acho que deveira ficar com 728 de largura mas a altura deveria ficar aí nos 300px.

Consigo corrigir isso com height igual a 300px, mas queira que isso fosse calculado em função do layout, da medida width em percentagem.

Obrigado

[codercss 14]

Encontrei este tutorial sobre iframe e medidas responsivas https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php

Consegui colocar o iframe responsivo, mas não consigo centrar a div wrapper na folha. Aconselham este método? Ou sugerem outro?

Obrigado