html - bootstrap - iframe video
"Pantalla completa"<iframe> (8)
El body tiene un margen predeterminado en la mayoría de los navegadores. Tratar:
body {
margin: 0;
}
en la página con el iframe
Cuando uso el siguiente código para crear un iframe:
<iframe src="mypage.html" style="border: 0; width: 100%; height: 100%">Your browser doesn''t support iFrames.</iframe>
El iframe no llega al final: un "borde" blanco de 10 píxeles rodea el iframe. ¿Cómo podría resolver esto?
Aquí hay una imagen del problema:
Imposible decir sin ver un ejemplo en vivo, pero intente dar margin: 0px ambos cuerpos margin: 0px
Intente agregar el siguiente atributo:
scrolling="no"
Para cubrir toda la ventana gráfica, puede usar:
<iframe src="mypage.html" style="position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;">
Your browser doesn''t support iframes
</iframe>
Y asegúrese de establecer los márgenes de la página enmarcada en 0, por ejemplo, body { margin: 0; }body { margin: 0; } .
Estoy usando esto con éxito, con una display:none adicional display:none y JS para mostrarlo cuando el usuario hace clic en el control apropiado.
Podría intentar frameborder=0 .
También puede usar longitudes de porcentaje de ventana gráfica para lograr esto:
5.1.2. Longitudes de porcentaje de la ventana gráfica: las unidades ''vw'', ''vh'', ''vmin'', ''vmax''
Las longitudes de porcentaje de ventana gráfica son relativas al tamaño del bloque que contiene inicial. Cuando se cambia la altura o el ancho del bloque contenedor inicial, se ajustan en consecuencia.
Donde 100vh representa la altura de la ventana 100vw , y asimismo 100vw representa el ancho.
body {
margin: 0; /* Reset default margin */
}
iframe {
display: block; /* iframes are inline by default */
background: #000;
border: none; /* Reset default border */
height: 100vh; /* Viewport-relative units */
width: 100vw;
}
<iframe></iframe>
Esto es compatible con la mayoría de los navegadores modernos. Se puede encontrar soporte aquí .
Use frameborder="0" . Aquí hay un ejemplo completo:
<iframe src="mypage.htm" height="100%" width="100%" frameborder="0">Your browser doesnot support iframes<a href="myPageURL.htm"> click here to view the page directly. </a></iframe>
Use este código en lugar de este:
<frameset rows="100%,*">
<frame src="-------------------------URL-------------------------------">
<noframes>
<body>
Your browser does not support frames. To wiew this page please use supporting browsers.
</body>
</noframes>
</frameset>