css para ajustar vídeo incorporado youtube

[wanderleysms 0]

Olá pessoal;

estou começando agora no forum e com wordpress e estou apanhando de um css, gostaria que me ajudassem a resolver este problema, ao incorporar um vídeo em um posto ele não ajusta o tamanho descrito no iframe 640 x 360, segue uma imagem do layout do site e os códigos:

Layout site

http://sgrural.com.br/downloads/site_video.jpg

Código embarcado youtube

<iframe width="640" height="360" src="https://www.youtube.com/embed/IB9d1NGkyKI" frameborder="0" allowfullscreen></iframe>

div do vídeo no site

<div class="fluid-width-video-wrapper" style="padding-top: 56.25%;">

<iframe src="https://www.youtube.com/embed/IB9d1NGkyKI" frameborder="0" allowfullscreen="" name="fitvid0">

</iframe>

</div>

Codigo CSS Style.css do tema:

/**

* Responsive Videos

* -----------------------------------------------------------------------------

*/

.fluid-width-video-wrapper {

width: 50%;

position: relative;

padding: 0;

}

.entry .fluid-width-video-wrapper {

clear: both;

}

.fluid-width-video-wrapper iframe,

.fluid-width-video-wrapper object,

.fluid-width-video-wrapper embed {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}

Aguardo

[Plunder 0]

Boa tarde,

Não sou programador e também comecei a pouco tempo a usar WP. Já experimentou usar um plugin que faça o que precisa?

[wanderleysms 0]

Resolvido.