How do you expose native playback controls on a video element?

How do you expose native playback controls on a video element?

• A. Enable Autoplay
• B. Use a Separate JavaScript UI Library
• C. Use the Poster Attribute
• D. Add the Controls Attribute

Answer: (D)

Adding the controls attribute to the video element reveals the browser’s native playback UI, including play/pause, the seek bar, volume, and fullscreen controls. The attribute is boolean, so simply including it on the tag is enough; the value isn’t required. This uses the browser’s built‑in controls rather than a custom UI. Autoplay starts playback automatically and doesn’t display controls, so it doesn’t expose the UI. The poster attribute just shows an image before playback and doesn’t affect the control UI. Using a separate JavaScript UI library would provide a custom control interface, not the native controls.

Adding the controls attribute to the video element reveals the browser’s native playback UI, including play/pause, the seek bar, volume, and fullscreen controls. The attribute is boolean, so simply including it on the tag is enough; the value isn’t required. This uses the browser’s built‑in controls rather than a custom UI. Autoplay starts playback automatically and doesn’t display controls, so it doesn’t expose the UI. The poster attribute just shows an image before playback and doesn’t affect the control UI. Using a separate JavaScript UI library would provide a custom control interface, not the native controls.