Responder
Codigo para al dar clic en link dentro de iframe se abra en la misma pagina
Haz clic para ver el perfil del usuario

Usuario habitual
Usuario habitual

#1

Tengo un iframe dentro de mi pagina. Pero al dar clic en un vinculo que esta en el iframe solo se abre la pagina en la zona de el iframe. No quiero que sea con target blank. He visto que en unas paginas con iframe le das clic a un vinculo y se abre en toda la pagina. Necesito el codigo

Haz clic para ver el perfil del usuario

Come y duerme en el foro
Come y duerme en el foro

#2

Aparte de _blank esta _parent y _self. Saludos

Haz clic para ver el perfil del usuario

Usuario Novato
Usuario Novato

#3

Has de añadir en los parametros del link:

target="_blank"

herencias

Haz clic para ver el perfil del usuario

Usuario Novato
Usuario Novato

#4

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:

Donde celebrar

Celebraciones de cumpleaños

 Abogados de familia

Tiendas de colchones

Colchones Girona

Haz clic para ver el perfil del usuario

Usuario Novato
Usuario Novato

#5

estupendo! me sirvió, muchas gracias

Haz clic para ver el perfil del usuario

Usuario Novato
Usuario Novato

#6

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:

Donde celebrar

Celebraciones de cumpleaños

 Abogados de familia

Tiendas de colchones

Colchones Girona

Haz clic para ver el perfil del usuario

Usuario Novato
Usuario Novato

#7

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:

Donde celebrar

Celebraciones de cumpleaños

 Abogados de familia

Tiendas de colchones

Colchones Girona

Haz clic para ver el perfil del usuario

Usuario Novato
Usuario Novato

#8

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". ;)

Limpiezas Garvi

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:

Donde celebrar

Celebraciones de cumpleaños

 Abogados de familia

Tiendas de colchones

Colchones Girona

Opciones:
Suscribir

Permisos:

TU NO PUEDES Escribir nuevos temas en este foro
TU NO PUEDES Responder a los temas en este foro
TU NO PUEDES Editar tus propios mensajes en este foro
TU NO PUEDES Borrar tus propios mensajes en este foro
Ahora son las 04:07 UTC+01:00
Ir al subforo:
Temas similares
TemaUsuariosRespuestasVisitasActividad
25kJun/09
4960Jun/06