2010-06-22 9 views
6

nasıl F11 (tam ekran tarayıcı penceresini Maksimizasyonunu değil) selektörü ile taklit edebilir? flashbenzetin F11

: Yalnızca (görülen, neyin itibaren)

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); 
} 

bu sadece çalışır: fscommand("fullscreen", true)

permadi.com/tutorial/flash9FullScreen/index.html 

teşekkür

Güncelleme

bunu buldum bir tuşa tıklayın. Sayfa yüklenemiyor

cevap

2

Bu, JavaScript ile mümkün değildir. HTML5 video API'si için önerildi, ancak daha sonra scrapped oldu.

+0

Çok dikkatli bir şekilde not edilmemiştir, http://www.mail-archive.com/[email protected]/msg19915.html – mwilcox

0

çok temel bir öğretici Mozilla üzerinde bulunmaktadır:

bu yazının olarak bu "deneysel teknoloji" olduğuna dikkat edin.

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

Bunu div, video ve canvas öğeleriyle başarılı bir şekilde test edebildim. İşte jsfiddle kodu - http://jsfiddle.net/luken/001834wn/ - ama aslında bir nedenle jsfiddle içinde çalışmıyor.