---
title: Element.requestFullscreen()
slug: Web/API/Element/requestFullScreen
tags:
  - Pantalla completa
translation_of: Web/API/Element/requestFullScreen
---
<div>{{APIRef("DOM")}}{{seeCompatTable}}</div>

<p>Asynchronously requests that the element be made full-screen.</p>

<h2 id="Syntax">Syntax</h2>

<pre class="syntaxbox">element.mozRequestFullScreen();
</pre>

<h2 id="Notas">Notas</h2>

<p>No esta garantizado que el elemento se cambie a modo pantalla completa. Si la autorización para entrar a modo pantalla completa es permitida, el documento obtendrá un evento "mozfullscreenchange" para hacerle saber que esta en modo pantalla completa en ese momento. Si la autorización es denegada, el documento obtiene un evento "mozfullscreenerror".</p>

<p>Ve a <a href="/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode">Using full-screen mode</a> para mas detalles y ejemplos.</p>

<h2 id="Especificaciones">Especificaciones</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName("Fullscreen", "#dom-element-requestfullscreen", "Element.requestFullScreen()")}}</td>
   <td>{{Spec2("Fullscreen")}}</td>
   <td>Initial definition</td>
  </tr>
 </tbody>
</table>

<h2 id="Compatibilidad_con_navegadores">Compatibilidad con navegadores</h2>

{{Compat("api.Element.requestFullscreen")}}

<h2 id="Mira_también">Mira también</h2>

<ul>
 <li><a href="/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode">Using full-screen mode</a></li>
 <li>{{domxref("document.mozCancelFullScreen()")}}</li>
 <li>{{domxref("document.mozFullScreen")}}</li>
 <li>{{domxref("document.mozFullScreenElement")}}</li>
 <li>{{domxref("document.mozFullScreenEnabled")}}</li>
 <li>{{cssxref(":-moz-full-screen")}}</li>
 <li>{{HTMLAttrXRef("allowfullscreen", "iframe")}}</li>
</ul>