Aparte de _blank esta _parent y _self. Saludos |
Con esto tendríamos nuestro iframe con una proporción 16:9 totalmente responsive. Si quisiéramos un aspecto ratio 4:3 bastaría cambiar el padding-bottom del contenedor a 75%. <divclass="embed-container"><iframewidth="560"height="315"src="https://www.youtube.com/watch?time_continue=1&v=b4fqk_tj3GM"frameborder="0"allowfullscreen></iframe></div> Y este CSS: .embed-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}.embed-container iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;} Espero os ayude! Podéis ver algun ejemplo en: |
estupendo! me sirvió, muchas gracias |
Yo he intentado instalarlo en una sección de mi página: Aerotermia con radiadores pero la altura no se adapta el aspecto. Sabes porque puede ser? Escrito originalmente por @opinionesverificadas Con esto tendríamos nuestro iframe con una proporción 16:9 totalmente responsive. Si quisiéramos un aspecto ratio 4:3 bastaría cambiar el padding-bottom del contenedor a 75%. <divclass="embed-container"><iframewidth="560"height="315"src="https://www.youtube.com/watch?time_continue=1&v=b4fqk_tj3GM"frameborder="0"allowfullscreen></iframe></div> Y este CSS: .embed-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}.embed-container iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;} Espero os ayude! Podéis ver algun ejemplo en: |
Añadiendo información a este post correcto quizas puedas estar interesado en que el video se reproduzca automáticamente. El codigo adicional sería: <iframe src="https://www.youtube.com/embed/PxWMqzv2AR4?autoplay=1 width="800" height="450" frameborder="0" uk-video uk-responsive></iframe> Sandra - cuanto cuesta Escrito originalmente por @opinionesverificadas Con esto tendríamos nuestro iframe con una proporción 16:9 totalmente responsive. Si quisiéramos un aspecto ratio 4:3 bastaría cambiar el padding-bottom del contenedor a 75%. <divclass="embed-container"><iframewidth="560"height="315"src="https://www.youtube.com/watch?time_continue=1&v=b4fqk_tj3GM"frameborder="0"allowfullscreen></iframe></div> Y este CSS: .embed-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}.embed-container iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;} Espero os ayude! Podéis ver algun ejemplo en: |
Me ha servido. Muchas gracias. No habia manera de colocarlo en una página. Ha quedado genial. Os dejo el link para que veáis como ha quedado gracias a vuestra ayuda. Saludos y muchas gracias por compartir estos "truquitos". Escrito originalmente por @sandrapalos Añadiendo información a este post correcto quizas puedas estar interesado en que el video se reproduzca automáticamente. El codigo adicional sería: <iframe src="https://www.youtube.com/embed/PxWMqzv2AR4?autoplay=1 width="800" height="450" frameborder="0" uk-video uk-responsive></iframe> Sandra - cuanto cuesta Escrito originalmente por @opinionesverificadas Con esto tendríamos nuestro iframe con una proporción 16:9 totalmente responsive. Si quisiéramos un aspecto ratio 4:3 bastaría cambiar el padding-bottom del contenedor a 75%. <divclass="embed-container"><iframewidth="560"height="315"src="https://www.youtube.com/watch?time_continue=1&v=b4fqk_tj3GM"frameborder="0"allowfullscreen></iframe></div> Y este CSS: .embed-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}.embed-container iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;} Espero os ayude! Podéis ver algun ejemplo en: |
ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un nuevo tema en lugar de responder al actual |
Opciones: Ir al subforo: |
Permisos: TU NO PUEDES Escribir nuevos temas TU NO PUEDES Responder a los temas TU NO PUEDES Editar tus propios mensajes TU NO PUEDES Borrar tus propios mensajes |
Temas similares | ||||
Tema | Usuarios | Respuestas | Visitas | Actividad |
---|---|---|---|---|
![]() | 2 | 5k | Jun/09 | |
![]() ![]() | 4 | 2k | Jun/06 |