2012-11-21 8 views
5

ich sah folgende Artikel und jQuery PluginsWie IE Full-Screen-Funktion wie Firefox und Chrome

http://www.sitepoint.com/html5-full-screen-api/

http://johndyer.name/native-fullscreen-javascript-api-plus-jquery-plugin/

http://xme.im/display-fullscreen-website-using-javascript

http://feross.org/html5-fullscreen-api-attack/

http://jquery.pupunzi.com/questions/696/ie-containerplus-full-screen

ermöglichen

IE Chrome Frame Full Screen

Aber konnte nicht finden.

Alle diese großen Artikel referiert, aber ich konnte keinen Artikel finden, die direkt über IE-Vollbild-Funktion, Jeweilige Workaround gefunden, um das gleiche zu sprechen?

I W3C Vorschlag

// W3C Proposal 
element.requestFullscreen(); 
document.exitFullscreen(); 

AKTUALISIERT Meine Erwartung ist, versucht, ich habe ein Bild Karussell, ich brauche in vollem Umfang nutzen zu zeigen aktuell ausgewähltes Bild zu zeigen, nicht scheint IE unterstützen, Ich habe vor, das jQuery-Modellfenster (ohne jQuery UI) zu verwenden. Genau wie die example.

+0

http://stackoverflow.com/questions/464332/internet-explorer- Vollbild-Modus http://stackoverflow.com/questions/7179535/set-window-to-fullscreen-real-fullscreen-f11-functionality-by-javascript Diese beiden Artikel von SO wird dir helfen. – samuk

Antwort

3

Gemäß this site wird die Fullscreen-API in IE nicht unterstützt. Es scheint keine Informationen darüber zu geben, ob dies auch von IE11 unterstützt wird.

Laut MDNs article on fullscreen scheint diese Technik für die meisten Browser noch sehr experimentell zu sein.

+0

Tatsächlich ist die IE11-Spalte grau, was darauf hindeutet, dass noch keine Informationen verfügbar sind. Daher bezweifle ich, dass die Unterstützung für diese Version sicher ist. – Smamatti

+0

@Smamatti Guter Fang, ich habe so miese Farben auf meinem Laptop, es sah grün aus, als ich es schnell ansah. Danke für die Korrektur, ich habe meine Antwort aktualisiert! –

+0

@ChristoferEliasson Ja, ich habe den Artikel überprüft, scheint kein Glück, lasst uns versuchen :) Danke. –

2

all Ihre Probleme lösen wird erweitern ist die ID der Schaltfläche für Vollbild verwendet

var fullScreenButton = document.getElementById("expand"); 
fullScreenButton.addEventListener("click", function() { 
      if (mediaPlayer.requestFullscreen) { 
       mediaPlayer.requestFullscreen(); 
      } else if (mediaPlayer.mozRequestFullScreen) { 
       mediaPlayer.mozRequestFullScreen(); // Firefox 
      } else if (mediaPlayer.webkitRequestFullscreen) { 
       mediaPlayer.webkitRequestFullscreen(); // Chrome and Safari 
      } 
      else if (mediaPlayer.msRequestFullscreen) { 
       mediaPlayer.msRequestFullscreen(); // IE 
      } 
     }); 

P. S. Link wäre eine große Hilfe für Sie. : http://msdn.microsoft.com/en-us/library/ie/dn254939(v=vs.85).aspx

0

Switcching Vollbild über Skripte in IE10 und unten, bis unmöglich ist, dass Sie die Sicherheit nicht zwicken als Geschenk unter Einstellung -

Tools->Internet Options->Security tab->click Custom Level button -> 
find "Initialize and script ActiveX control not marked as safe." option -> change it to Enable 
4

sheelpriy Antwort ist mit einer kleinen Änderung gut, erfolgreich auf Chrom getestet, firefox, dh, Safari und Oper (alle letzte Version)

//HTML Button : <a href="#" id="fullscreen">Fullscreen</a> 

<script type="text/javascript"> 
    //Get element id "fullscreen" 
    var fullScreenButton = document.getElementById("fullscreen"); 

    //Activate click listener 
    fullScreenButton.addEventListener("click", function() { 

     //Toggle fullscreen off, activate it 
     if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement) { 
      if (document.documentElement.requestFullscreen) { 
       document.documentElement.requestFullscreen(); 
      } else if (document.documentElement.mozRequestFullScreen) { 
      document.documentElement.mozRequestFullScreen(); // Firefox 
      } else if (document.documentElement.webkitRequestFullscreen) { 
       document.documentElement.webkitRequestFullscreen(); // Chrome and Safari 
      } else if (document.documentElement.msRequestFullscreen) { 
       document.documentElement.msRequestFullscreen(); // IE 
      } 

     //Toggle fullscreen on, exit fullscreen 
     } else { 

      if (document.exitFullscreen) { 
       document.exitFullscreen(); 
      } else if (document.msExitFullscreen) { 
       document.msExitFullscreen(); 
      } else if (document.mozCancelFullScreen) { 
       document.mozCancelFullScreen(); 
      } else if (document.webkitExitFullscreen) { 
       document.webkitExitFullscreen(); 
      } 
     } 

    }); 
</script> 

Viel Spaß!

0

Nehmen Sie vom MSDN website (und modifiziert, weil sie hässlich Programmierpraktiken, die Sie in der Ferse schnappen, wenn Sie minify)

var someElement = document.getElementById('fullscreen-toggle'); 
someElement.addEventListener('click',function(e){ 
    var divObj = document.body; //change to whatever element you want 

    if (divObj.requestFullscreen){ 
     if (document.fullScreenElement) { 
      document.cancelFullScreen();  
     } else { 
      divObj.requestFullscreen(); 
     } 
    } 

    else if (divObj.msRequestFullscreen){ 
     if (document.msFullscreenElement) { 
      document.msExitFullscreen(); 
     } else { 
      divObj.msRequestFullscreen(); 
     }   
    } 

    else if (divObj.mozRequestFullScreen){ 
     if (document.mozFullScreenElement) { 
      document.mozCancelFullScreen(); 
     } else { 
      divObj.mozRequestFullScreen(); 
     } 
    } 

    else if (divObj.webkitRequestFullscreen){ 
     if (document.webkitFullscreenElement) { 
      document.webkitCancelFullScreen(); 
      } else { 
      divObj.webkitRequestFullscreen(); 
     } 
    } 
    e.stopPropagation(); 
}); 
Verwandte Themen