Manuale di riferimento HTML

Completo elenco dei tag HTML

Proprietà controls DOM audio/video HTML

L'attributo controls è responsabile di controllare l'attributo HTML controls, che è responsabile di visualizzare o nascondere la barra di controllo dei media (video o audio) trasmessi.

　Manuale di riferimento DOM Audio/Video HTML

Esempio online

Abilita controlli del video:

Esempio

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Utilizzo dell'attributo controls degli audio/video HTML - Guida di base (oldtoolbag.com)</title>
</head>
<body>
<button onclick="enableControls()" type="button">Abilita controlli</button>
<button onclick="disableControls()" type="button">Disabilita controlli</button>
<button onclick="checkControls()" type="button">Controlla stato dei controlli</button>
<br>　
<video id="video1">
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　Il tuo browser non supporta il tag video HTML5.
</video>
<script>
myVid=document.getElementById("video1");
function enableControls()
{　
　　myVid.controls=true;
　　myVid.load();
}　
function disableControls()
{　
　　myVid.controls=false;
　　myVid.load();
}　
function checkControls()
{　
　　alert(myVid.controls);
}　
</script>　
</body>
</html>

Prova a vedere ‹/›

Definizione e uso

L'attributo controls dei controlli setta o restituisce se il browser dovrebbe visualizzare i controlli audio/video standard.

I controlli audio/video standard includono:

Play
Pausa
Barra di avanzamento
Volume
Switch a schermo intero (per video)
Sottotitoli (quando disponibili)
Traccia (quando disponibile)

Compatibilità dei browser

IEFirefoxOperaChromeSafari

Tutti i browser principali supportano l'attributo controls.

Attenzione:Internet Explorer 8 e le versioni precedenti non supportano questo attributo.

Sintassi

Imposta l'attributo controls:

audio|video.controls=true|false

Ritorna l'attributo controls:

audio|video.controls

Valore dell'attributo

Valore	Descrizione
true	Indica di visualizzare il controllo.
false	Predefinito. Indica di non visualizzare il controllo.

Dettagli tecnici

Valore di ritorno:	Valore booleano, true\|false
Valore predefinito:	false

　Manuale di riferimento DOM Audio/Video HTML

HTML: <template> etichetta