Articles of iframe

div encima de iframe

Estoy buscando una solución para colocar un div (100% de ancho de pantalla y digamos 20% de altura) encima de iframe, que es 100% de ancho de pantalla y 100% de altura de pantalla. Debería tener este aspecto: __________________________ || On top DIV || ||_______________________|| | | | Iframe | | | |_________________________|

Edge no estira el iframe en un flexbox

El iframe en la siguiente demostración es un elemento flexible: * { margin: 0; border: 0; padding: 0; } html, body { height: 100%; } body { display: flex; } iframe { background: olive; flex: 1; } Pero no cubre el contenedor flexible: Si reemplaza el iframe con un div , funciona sin problemas. ¿Porqué […]

¿Qué iframe CSP hijo hereda de su padre?

Tengo una página web (por ejemplo, origen = A) que tiene un iframe incrustado que se carga desde un dominio diferente (por ejemplo, B). B carga un montón de scripts de diferentes dominios (varios CDN). Mi página web A establece un CSP bastante estricto como: default-src ‘none’; script-src ‘self’; marco-src B B no establece ningún […]

Visualización de un video de YouTube con el ancho completo de la página en iframe

He puesto un video en mi sitio usando un iframe de YouTube, mientras que el iframe es de ancho completo ( 100% ), el video es muy pequeño (altura) dentro del marco. ¿Cómo hago para que se ajuste al ancho del contenedor? Código: Ver captura de pantalla

Enlaces de anclaje dentro de iframe no hace nada

¿Es posible tener un iFrame sin desplazamiento dentro de un div de desplazamiento y tener enlaces de anclaje dentro del iFrame que funcionen correctamente? Los enlaces de anclaje dentro del iFrame deben desplazarse al lugar dentro del iFrame, no necesito / quiero que apunten a elementos en la página principal. Aquí está mi jsFiddle con […]

Fondo de envoltura de vimeo de ancho completo

Estoy tratando de crear un fondo de iframe vimeo de ancho completo cubierto por un patrón ubicado en mi cuerpo div. El video está cubierto por una superposición por lo que no se puede hacer clic. He intentado darle al video 100% de ancho y alto, pero no he tenido suerte al cubrir la pantalla. […]

Posicionamiento iframe

Este es el código iframe de google translate. </div> Intenté hacer algo similar con las mismas tags div y iframe, pero la página html no termina como google translate. </div> El iframe aparece justo en la parte superior de la página en lugar de aparecer 160px más tarde, según lo especificado por el div. No […]

La URL redirigida no funciona con Iframe

Lo que necesito: cuando el usuario haga clic en la URL del video, deberá redirigirlo a su video. Estamos utilizando el complemento html5lightbox. problema que estoy enfrentando La redirección no está funcionando en iframe. aunque cuando hago clic en src of iframe se redirige a tu url de tubo. Aquí está el código html He […]

Acceso a los contenidos de iframe del archivo local.

Tengo el archivo de file:///C:/index.html que tiene un iframe dentro: el contenido de la carpeta Files carga en el iframe pero no puedo acceder a ellos por javascript o jquery. ¿que puedo hacer? He intentado $(‘#folder_browser’).contents().find(‘body’).html(); pero no hay suerte!

iFrame no está cargando IE 8

Mi sitio web parece funcionar en todos los navegadores excepto en IE 8. Todo se carga bien con el iFrame. Aquí está mi código HTML: Title ¿Alguna sugerencia sobre lo que podría estar haciendo mal?