- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Is it possible to style HTML5 audio tag?
HTML 5 audio tags can be styled. By using the audio tag with “controls” attribute, the default browsers player is used. You can customize by not using the browsers controls.
By removing the controls attribute, you can hide the built in browser user’s interface −
<audioid = "player" src = "kalimba.mp3"></audio> <div> <buttononclick = "document.getElementById('player').play()">Play</button> <buttononclick = "document.getElementById('player').pause()">Pause</button> <buttononclick = "document.getElementById('player').volume += 0.2">Vol+</button> <buttononclick = "document.getElementById('player').volume -= 0.2">Vol-</button> </div>
You can also add CSS classes to each one of the elements and style them accordingly.
- Related Articles
- HTML5 Audio to Play Randomly
- HTML5 check if audio is playing
- Is it possible to add HTML5 validation to Visual Studio?
- How to play HTML5 Audio Randomly
- HTML5 tag
- How to detect HTML5 audio MP3 support
- HTML5 audio control stop button
- HTML5 audio not playing in PhoneGap App
- Is it possible to validate the size and type of input=file in HTML5?
- Why to use canvas tag in HTML5?
- Working with tag in HTML5
- How do we embed audio in web pages in HTML5?
- Is HTML5 canvas and image on polygon possible?
- HTML5 tag on Android for PhoneGap application
- HTML5 tag not working in Android Webview

Advertisements