Mi duda es parecida a esta y esta otra y aún así intento aplicar los conceptos y no me da resultado.
Estoy intentando que al abrir un popup con un video este quede al 100% de la anchura máxima, para que se acople a todos los dispositivos, ya que en el móvil se ve mal proporcionado.
Siguiendo mi intuición y lo que he encontrado, solo debo agregar width="100%" height="100%"
al video, pero al hacerlo solo se ve aplicado la anchura, mas no la altura.
<iframe src="https://drive.google.com/file/d/1o7bQNB6WZUbc3rBb_TM6zmFDZtLb8W1w/preview" width="100%" height="100%" frameborder="0"></iframe>
¿Creo que tal vez debo modificar el código de la plantilla?, ya que no encuentro cuales son los elementos superiores al iframe, porque en la entrada de wordpress no aparece código que pueda modificar, solo deja agregar más desde un espacio en blanco, así https://ibb.co/zQnRSDQ
El plugin de wordpress que estoy utilizando para el popup no permite muchas opciones para modificar esto. Un colega me ha dicho que podría agregar un poco de CSS:
.paoc-popup-modal {
width: 100%;
}
.paoc-popup-modal-cnt {
width: 100%;
}
En la entrada del post en wordpress, sin embargo no tengo idea cómo hacerlo ni dónde colocarlo.
¿Debo modificar las plantillas del theme de Wordpress o con colocar algo de código en la entrada bastaría?
Gracias.