marco flotante y el sitio web externo

Question

Así que tienen este código:

<iframe id="theFrame" src="http://localhost" style="width:100%;" frameborder="0"> 
</iframe> 

y el sitio localhost cargado en el iframe bien ..

pero luego cuando cambio la src a un sitio web externo

<iframe id="theFrame" src="http://www.youtube.com" style="width:100%;" frameborder="0"> 
</iframe> 

El sitio web no se cargó.

¿Qué hice mal? Sé que puede usar sitios web externos en un iframe ya que Google Image Search lo hace ...

¿Cómo puedo obtener sitios externos para que funcionen en mi iframe?

Answer 1

Parece ser un problema de solo YouTube; src = "http://www.mozilla.org" funciona para mí en tu código. Si desea mostrar videos de youtube en iframes, es probable que deseen que use la opción "insertar" en la página de video.

Answer 2

La razón por sitios web externos, tales como:

1. youtube.com
2. google.com
3. stackoverflow.com
4. etc.

están no se carga en su marco, es porque están aprovechando intencionalmente algún tipo de Frame Killer.

Ejemplo (utiliza jQuery):

<style> html{display:none;} </style> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     if(window.self == window.top) { 
      document.documentElement.style.display = 'block'; } 
     else { 
     window.top.location = window.self.location; } 
    }); 
</script> 

lectura sugerida:

• Framekiller (Wikipedia)
• Busting a tough FRAME killer

Answer 3

Probablemente estés experimentando los mismos problemas que estoy teniendo. Lo más probable es que el iframe esté siendo bloqueado por las opciones X-frame o esté bloqueado por la propiedad Deny. Por ejemplo, si accede a Facebook desde una fuente externa, volverá con una respuesta DENY en google chrome