Question

100

How do you hide HTML5 Audio controls?

rated 0 times [ 102] [ 2] / answers: 1 / hits: 69148 / 13 Years ago, mon, april 18, 2011, 12:00:00

How can I hide HTML5 audio's browser specific controls? I'm making thumbnail images to represent each track and JavaScript to play/pause.

Thanks!

HTML:

<audio class=thumbnail id=paparazzi controls=none>

    <source src=song.ogg type=audio/ogg />

    <source src=../audio/fernando_garibay_paparazzisnlmix.mp3 type=audio/mpeg />

    Your browser does not support HTML5 audio.

</audio>

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

angelicajayleneh

Add To Favorites

Follow

Total Points: 216

Total Questions: 110

Total Answers: 100

Location: Sudan

Member since Tue, Aug 3, 2021

3 Years ago

answered 13 Years ago isaacvalentinn · Accepted Answer

The controls attribute is a boolean attribute. This means that if it's specified, controls is true and if it's not specified, controls is false.

As far as validity goes, if you want controls to be true, you can specify it these ways:

<audio controls>

<audio controls=controls>

<audio controls=>