Fullscreen API fullscreenEnabled()
Exemplo
Mostrar um elemento <video> no modo de tela cheia:
/* Get the element you want displayed in fullscreen */
var elem =
document.getElementById("myvideo");
/* Function to open fullscreen mode
*/
function openFullscreen() {
/* If fullscreen mode is
available, show the element in fullscreen */
if (document.fullscreenEnabled)
{
/* Show the element in fullscreen */
elem.requestFullscreen();
}
}
Definição e uso
O método fullscreenEnabled() retorna um valor booleano indicando se o documento pode ser visualizado no modo de tela cheia.
O método fullscreenEnabled() retorna true se o modo fullscreen estiver disponível, caso contrário, false.
Dica: Use o método element .requestFullscreen() para visualizar um elemento no modo de tela cheia.
Dica: Use o método .exitFullscreen() do elemento para cancelar o modo de tela cheia.
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total ao método. Nota: Alguns navegadores requerem um prefixo específico (ver parênteses):
| Method | |||||
|---|---|---|---|---|---|
| fullscreenEnabled() | 71.0 45.0 (webkit) |
12.0 11.0 (ms) |
64.0 47.0 (moz) |
6.0 (webkit) | 58.0 15.0 (webkit) |
Exemplo
Usando prefixos para código entre navegadores:
/* If fullscreen mode is available, then do something */
if (
document.fullscreenEnabled || /* Standard syntax */
document.webkitFullscreenEnabled || /* Safari */
document.msFullscreenEnabled/* IE11 */
) {
...
}
Sintaxe
document.fullscreenEnabled()
Parâmetros
| Nenhum |
Detalhes técnicos
| Valor de retorno: | Um valor booleano, indicando se o documento pode ser visualizado no modo de tela cheia:
|
|---|
❮ API de tela cheia