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

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

Author: Voragine

Date: September 21, 2020 

Category: Tips and tricks

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%; } .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.


World of WordPress is hosted by:

Servebolt: next level high performance hosting.

While others try to add more components to their hosting to make it go faster, we decided to build our hosting cloud fast from the ground up. We did so by stripping out everything we knew was deadweight.