2012-11-21 12 views
5

I wyglądał następujące artykuły i jQuery wtyczkiJak włączyć funkcję IE pełnoekranowy jak Firefox i 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

IE Chrome Frame Full Screen

Ale nie mogłem znaleźć.

Wszystkie najważniejsze artykuły zostały ocenione, ale nie mogłem znaleźć żadnego artykułu, który bezpośrednio mówi o pełnoekranowym funkcji IE, Ktoś znalazł obejście tego samego?

Próbowałem propozycję W3C

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

UPDATED Moje oczekiwanie jest, mam karuzelę obrazu, muszę pokazać aktualnie wybrany obrazek, aby zobaczyć w pełnym ekranie, wydaje się, IE nie obsługuje, Planuję użyć okna modelu jQuery (bez interfejsu użytkownika jQuery). Podobnie jak example.

+0

http://stackoverflow.com/questions/464332/internet-explorer- na pełnym ekranie w trybie http://stackoverflow.com/questions/7179535/set-window-to-fullscreen-real-fullscreen-f11-functionality-by-javascript te dwa artykuły z więc pomóc Ci. – samuk

Odpowiedz

3

Zgodnie z this site pełnoekranowy interfejs API nie jest obsługiwany w IE. Wydaje się, że nie ma informacji, czy jest to coś, co będzie wspierane przez IE11.

Według MDN article on fullscreen wydaje się, że ta technika jest nadal bardzo eksperymentalna dla większości przeglądarek.

+0

W rzeczywistości kolumna IE11 jest szara, co sugeruje, że nie ma jeszcze dostępnych informacji. Dlatego wątpię, czy wsparcie dla tej wersji jest pewne. – Smamatti

+0

@Smamatti Dobry połów, mam tak kiepskie kolory na moim laptopie, że wyglądał na zielony, kiedy spojrzałem na to szybko. Dzięki za poprawienie mnie, zaktualizowałem swoją odpowiedź! –

+0

@ChristoferEliasson Tak sprawdziłem artykuł, wydaje się, że nie ma szczęścia, pozwala spróbować :) Dzięki. –

2

to rozwiąże wszystkie problemy rozszerzenia jest id przycisku używany do pełnoekranowego

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

PS: link będzie bardzo pomocny dla ciebie. : http://msdn.microsoft.com/en-us/library/ie/dn254939(v=vs.85).aspx

0

Switcching fullscreen pośrednictwem skryptów jest niemożliwe w IE10 i niżej aż nie dostosować ustawienie jego bezpieczeństwo jak obecny pod -

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 odpowiedź jest dobra, z małą zmianą, z powodzeniem przetestowany na chrom, firefox, czyli safari i opera (ostatnia wersja)

//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> 

Ciesz się!

0

Weź ze MSDN website (i modyfikowane, ponieważ mają brzydkie praktyki kodowania, które zatrzaskują cię w piętę podczas 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(); 
}); 
Powiązane problemy