Autonomía digital y tecnológica

Código e ideas para una internet distribuida

Cómo hacer que los vídeos incrustados en WordPress sean responsive

Imago voragine.net

Hay multitud de plugins que permiten incrustar vídeos y otros contenidos de manera que se vean correctamtente en cualquier dispositivo. Si se quiere evitar el uso de un plugin, algo de CSS debería hacer el trabajo:

.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
.iframe-container iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

Probablemente sea necesario cambiar la clase .iframe-container.

Receta vista en torquemag.io.

Dejar un comentario

No hay comentarios en esta entrada.
*
*

 

No hay trackbacks