2010-06-22 71 views
6

¿Cómo puedo simular F11 (pantalla completa no la ventana del navegador maximaze) como con flash: http://www.broculos.net/files/articles/FullscreenFlash/flashFullscreen.html?Simular F11 con javascript

flash: fscommand("fullscreen", true)

permadi.com/tutorial/flash9FullScreen/index.html 

Gracias

actualización

encontré esto:

var docElm = document.documentElement; 

if (docElm.requestFullscreen) { 
    docElm.requestFullscreen(); 
} else if (docElm.mozRequestFullScreen) { 
    docElm.mozRequestFullScreen(); 
} else if (docElm.webkitRequestFullScreen) { 
    docElm.webkitRequestFullScreen(); 
} 

/* Exiting the full screen => showing the FULL SCREEN button */ 
if (docElm.requestFullscreen) { 
    document.addEventListener("fullscreenchange", function() { 
     if(!document.fullscreen) { 
      // Do something 
     } 
    }, false); 
} else if (docElm.mozRequestFullScreen) { 
    document.addEventListener("mozfullscreenchange", function() { 
     if(!document.mozFullScreen) { 
      // Do something 
     } 
    }, false); 
} else if (docElm.webkitRequestFullScreen) { 
    document.addEventListener("webkitfullscreenchange", function() { 
     if(!document.webkitIsFullScreen) { 
      // Do something 
     } 
    }, false); 
} 

esto sólo funciona (de żQué visto) sólo en un clic de botón. No se puede hacer esto en la carga de la página

Respuesta

2

Esto no es posible con JavaScript. Se propuso para la API de video HTML5 pero más tarde fue scrapped.

+0

No se desecha, está bajo una gran consideración: http://www.mail-archive.com/[email protected]/msg19915.html – mwilcox

0

Hay un tutorial muy básico en Mozilla:

Tenga en cuenta que a partir de este post se trata de "tecnología experimental".

function requestFullScreen(elt) { 
    console.log("Requesting fullscreen for", elt); 
    if (elt.requestFullscreen) { 
     elt.requestFullscreen(); 
    } else if (elt.msRequestFullscreen) { 
     elt.msRequestFullscreen(); 
    } else if (elt.mozRequestFullScreen) { 
     elt.mozRequestFullScreen(); 
    } else if (elt.webkitRequestFullscreen) { 
     elt.webkitRequestFullscreen(); 
    } else { 
     console.error("Fullscreen not available"); 
    } 
} 

Pude probar esto con éxito con elementos div, video y canvas. Aquí está el código en jsfiddle - http://jsfiddle.net/luken/001834wn/ - pero tenga en cuenta que en realidad no funciona en jsfiddle por algún motivo.

Cuestiones relacionadas