{{APIRef("HTML DOM")}}
The HTMLMediaElement.controls
property reflects the {{htmlattrxref("controls", "video")}} HTML attribute, which controls whether user interface controls for playing the media item will be displayed.
Syntax
var ctrls = video.controls; audio.controls = true;
Value
A {{domxref("Boolean")}}. A value of true
means controls will be displayed.
Example
var obj = document.createElement('video'); obj.controls = true;
Specifications
Specification | Status | Comment |
---|---|---|
{{SpecName('HTML WHATWG', "the-video-element.html#htmlmediaelement", "HTMLMediaElement.controls")}} | {{Spec2('HTML WHATWG')}} | No change from {{SpecName('HTML5 W3C')}} |
{{SpecName('HTML5 W3C', "embedded-content-0.html#htmlmediaelement", "HTMLMediaElement.controls")}} | {{Spec2('HTML5 W3C')}} | Initial definition. |
Browser compatibility
{{ CompatibilityTable() }}
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | {{CompatVersionUnknown}} | {{CompatGeckoDesktop("1.9.1")}} [1] | {{CompatIE("9")}} | {{CompatUnknown}} | {{CompatUnknown}} |
Feature | Android | Firefox Mobile (Gecko) | Firefox OS (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Basic support | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} | {{CompatUnknown}} | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} |
See also
- The interface defining it, {{domxref("HTMLMediaElement")}}.