tag:blogger.com,1999:blog-7470192961806963601.post579505345816903633..comments2024-03-29T07:03:46.833+01:00Comments on Oloblogger: Vídeos adaptables (RWD) automáticosOlomanhttp://www.blogger.com/profile/11489455592466904176noreply@blogger.comBlogger12125tag:blogger.com,1999:blog-7470192961806963601.post-54607444872901909172016-08-11T21:00:18.103+02:002016-08-11T21:00:18.103+02:00No tienes que añadir nada más Jhonny. Si añades es...No tienes que añadir nada más Jhonny. Si añades ese JS TODOS tus vídeos de YouTube que estén en las entradas se maximizarán y pasarán a ser RWD.<br /><br />Y si tienes ya jQuery, puedes usar el segundo. Para eso lo puse.Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-58596913667583904622016-08-10T16:00:59.373+02:002016-08-10T16:00:59.373+02:00Oloman, si pongo cualquiera de los 2 codigos a mi ...Oloman, si pongo cualquiera de los 2 codigos a mi plantilla, los videos que tenga en las entradas se veran de manera responsive o tengo que incluir algun otro codigo a los iframes de youtube. Otra cosa ya tengo JQuerry en mi plantilla, me convendría el segundo creo. SaludosJhonnySanhttps://www.blogger.com/profile/11262813477855618553noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-18201371442173236562015-12-15T00:41:49.747+01:002015-12-15T00:41:49.747+01:00¿No? Bueno, no sé realmente qué quieres porque est...¿No? Bueno, no sé realmente qué quieres porque esto va de vídeos que ocupan todo el ancho de pantalla y los dos anteriores códigos que te expliqué hacen exactamente eso, pero como opción también podrías usar:<br />.post-body img {<br /> max-width: 100%;<br /> height: auto;<br />}<br />Con eso se respetan las dimensiones establecidas en la imagen... como tamaño máximo.Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-63858197811648802622015-12-09T20:47:52.959+01:002015-12-09T20:47:52.959+01:00Entonces no seria nada responsive..Entonces no seria nada responsive..Telerihttps://www.blogger.com/profile/07696407509146537635noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-40490774573576032912015-12-09T19:45:00.669+01:002015-12-09T19:45:00.669+01:00Nada si le pones a cada cosa un !important
.post-b...Nada si le pones a cada cosa un !important<br />.post-body img {<br />width: 100% !important;<br />height: auto !important;<br />}<br /><br />...pero quizás sea contraproducente porque podrían pixelar.Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-30055916367063674402015-12-09T14:13:53.248+01:002015-12-09T14:13:53.248+01:00Pero luego esta el caso de esas imagenes que ya en...Pero luego esta el caso de esas imagenes que ya en el codigo del IMG tiene el tamaño ya puesto. ¿Que sucede con esos?Telerihttps://www.blogger.com/profile/07696407509146537635noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-80881086029000035302015-12-08T21:52:02.957+01:002015-12-08T21:52:02.957+01:00Es que eso es mucho más fácil Teleri. Sólo añade e...Es que eso es mucho más fácil Teleri. Sólo añade esto al CSS de tu plantilla:<br />.post-body img {<br />width: 100%;<br />height: auto;<br />}Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-47967933863914215542015-11-28T10:38:18.189+01:002015-11-28T10:38:18.189+01:00Mientras leia la entrada. No dejaba de pensar en l...Mientras leia la entrada. No dejaba de pensar en las imagenes dentro de las entradas. Tambien podria servir? Pero versionadolo para imagenes.Telerihttps://www.blogger.com/profile/07696407509146537635noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-35984406301036950982015-11-07T00:38:11.690+01:002015-11-07T00:38:11.690+01:00Me quedó perfecto, muchas gracias Oloman!Me quedó perfecto, muchas gracias Oloman!Luishttps://www.blogger.com/profile/12716269948709858064noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-47105371818470761062015-11-04T20:04:23.887+01:002015-11-04T20:04:23.887+01:00Gracias Jorge por el apunte. Ya lo he incorporado ...Gracias Jorge por el apunte. Ya lo he incorporado a la entrada.<br /><br />Lo cierto es que me cuesta horrores montar cosas en JavaScript porque toco "de oído" ;)Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-60437262085098583982015-11-04T19:05:45.175+01:002015-11-04T19:05:45.175+01:00Ups, el último código es incorrecto, esta es la fo...Ups, el último código es incorrecto, esta es la forma correcta:<br /><em><b>removeEventListener("load", rwdiframes);</b></em>Jorge MGhttps://www.blogger.com/profile/15099752159264104696noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-84358434105567390172015-11-04T19:02:41.969+01:002015-11-04T19:02:41.969+01:00Una puntualización sobre el código utilizado: cuid...Una puntualización sobre el código utilizado: cuidado con la forma de asignar las funciones a un evento. En la versión sin jQuery se asigna así:<br /><em>onload = rwdiframes;</em><br />Si hubiera otra función asignada a la propiedad "onload" se sobreescribiría, ya que las propiedades solo admiten un único valor.<br /><br />Para poder asignar varias funciones al evento "onload", es preferible usar:<br /><em><b>addEventListener("load", rwdiframes);<br />attachEvent("onload", rwdiframes);</b> // para IE 8 e inferiores (versiones tan viejas que quizás no haya que tener en cuenta)<br /></em><br />Además, de esta forma podemos eliminar el evento si fuera necesario:<br /><em><b>removeEventListener("onload", rwdiframes);</b></em>Jorge MGhttps://www.blogger.com/profile/15099752159264104696noreply@blogger.com