Post by marcos » 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

Newbie

Posts

Joined
Mon Oct 01, 2018 1:53 pm

Post by rjcalifornia » Sat Jan 02, 2021 11:24 am

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

Image
A2 Hosting features: Shared Turbo Boost, Managed Warp 1, Unmanaged Hyper 1, and Warp 2 Turbo


Active Member

Posts

Joined
Fri Sep 02, 2011 1:19 pm
Location - Worldwide

Post by reginamor » Thu Jan 28, 2021 12:23 am

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/

User avatar
Active Member

Posts

Joined
Wed Sep 21, 2011 4:44 am
Location - GB
Who is online

Users browsing this forum: No registered users and 190 guests