M
MixViral
Gamma
Buenas comunidad
Estos dias he estado buscando la forma de hacer que los videos en mi web sean responsive, he provado muchos plugins pero la mayoria me piden la version pro para esta funcion, sin embargo encontre esta solucion temporal y aunque su uso es de forma manual.. funciona 100%
Lo primero es agregar la CSS que harar el trabajito (Apariencia > Edito):
Insertar CODE, HTML o PHP:
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}agregado esto, ahora cada vez que deseamos poner un video en nuestras entradas lo agregamos de la siguiente forma:
Insertar CODE, HTML o PHP:
<div class="video-container">
<iframe src="http://www.youtube.com/embed/ID-VIDEO" frameborder="0" width="560" height="315"></iframe>
</div>y Listo! .. con esto tendriamos un video 100% Responsive..
