Page 1 of 1
iframe no es responsivo
Posted: Fri Nov 27, 2020 1:17 pm
by marcos
inserto video de YouTube con summernote se ve muy bien en dispositivo portátiles y de escritorio pero en los positivos móviles no se ajusta a la pantalla del mismo.
Estoy usando opencart 3036.
Como soluciono este problema para que el iframe se adapte a la pantalla del celular?
Desde ya muchas GRACIAS
Re: iframe no es responsivo
Posted: Sat Jan 02, 2021 11:24 am
by rjcalifornia
marcos wrote: ↑Fri Nov 27, 2020 1:17 pm
inserto video de YouTube con summernote se ve muy bien en dispositivo portátiles y de escritorio pero en los positivos móviles no se ajusta a la pantalla del mismo.
Estoy usando opencart 3036.
Como soluciono este problema para que el iframe se adapte a la pantalla del celular?
Desde ya muchas GRACIAS
El problema es el iframe en si. Los iframes no son responsive, si es un video de youtube, es mejor que utilice el tag de embed
Re: iframe no es responsivo
Posted: Thu Jan 28, 2021 12:23 am
by reginamor
Lo que tienes que hacer es utilizar la opción de boostrap correspondiente.
Ejemplo
Code: Select all
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0" allowfullscreen></iframe>
</div>
Mas info aqui
https://getbootstrap.com/docs/4.0/utilities/embed/