mozilla

Compare Revisions

Using fullscreen mode

Change Revisions

Revision 319241:

Revision 319241 by cpearce on

Revision 319259:

Revision 319259 by cpearce on

Title:
Using fullscreen mode
Using fullscreen mode
Slug:
DOM/Using_fullscreen_mode
DOM/Using_fullscreen_mode
Tags:
"Full-screen", "MakeBrowserAgnostic", "fullscreen", "DOM", "NeedsTechnicalReview", "video"
"Full-screen", "MakeBrowserAgnostic", "fullscreen", "DOM", "NeedsTechnicalReview", "video"
Content:

Revision 319241
Revision 319259
n92      <dt>n
93        {{ domxref("document.mozFullScreen", "fullScreen") }}
94      </dt>
95      <dd>
96        The <code>fullScreen</code> attribute tells you if the do
>cument is currently displaying an element in fullscreen mode. 
97      </dd>
n151      (!document.mozFullScreen &amp;&amp; !document.webkitIsFullSn145      (!document.mozFullScreenElement &amp;&amp; !document.webkit
>creen)) {               // current working methods>FullScreenElement)) {  // current working methods
t171      This starts by looking at the value of the <code>fullScreent165      This starts by looking at the value of the <code>fullScreen
></code> attribute on the {{ domxref("document") }} (checking it p></code>Element attribute on the {{ domxref("document") }} (checki
>refixed with both <code>-moz-</code> and <code>-webkit-</code>). >ng it prefixed with both <code>-moz-</code> and <code>-webkit-</c
>If it's <code>false</code>, the document is currently in windowed>ode>). If it's <code>null</code>, the document is currently in wi
> mode, so we need to switch to fullscreen mode. The spec draft ha>ndowed mode, so we need to switch to fullscreen mode. Switching t
>s a different&nbsp;&nbsp;<code>fullScreenElement</code>&nbsp;meth>o fullscreen mode is done by calling either {{ domxref("element.m
>od to check whether or not an element is in fullscreen mode, if i>ozRequestFullScreen()") }} or <code>webkitRequestFullScreen()</co
>t's&nbsp;&nbsp;<code>null</code>&nbsp;then we are in windowed mod>de>, depending on which is available.
>e. Both gecko and webkit have implemented a the non-standard&nbsp 
>;&nbsp;<code>fullScreen</code>&nbsp;&nbsp;method so far. Switchin 
>g to fullscreen mode is done by calling either {{ domxref("elemen 
>t.mozRequestFullScreen()") }} or <code>webkitRequestFullScreen()< 
>/code>, depending on which is available. 
172    </p>
173    <p>166    </p>
167    <p>
174      If fullscreen mode is already active, we call {{ domxref("d168      If fullscreen mode is already active (<code>fullScreenEleme
>ocument.mozCancelFullScreen()") }} or <code>webkitCancelFullScree>nt</code> is non-<code>null</code>), we call {{ domxref("document
>n()</code>, again depending on which browser is in use.>.mozCancelFullScreen()") }} or <code>webkitCancelFullScreen()</co
 >de>, again depending on which browser is in use.

Back to History