htmlcsshtml5-audio
Stop audio 'Download' option covering the player
I have an audio element but when I click the 3 dots icon to download it covers the whole player:
Is there any way to put it at the bottom like a Tooltip? Or perhaps to make it a separate download button? If it is please tell me how to do it.
Solution
There's no way to change the default audio control. The UI for it is handled by the browser at a lower level than JS has access to.
You have two alternatives. One is to use your own audio player, or to download an existing one.
The other is to remove the 'Download' link using controlslist="nodownload". Then you can add your own download button to your site wherever it's required.
- How to close <img> tag properly?
- PHP: log a user out
- Is there a way to align an element to its 'grandparent' without jQuery/javascript?
- How do I find the number of 'complete' images?
- What is the purpose of the <nav> tag
- A way to create random-noise background image (png) with javascript?
- How to make HTML5 work with DOMDocument?
- Position sticky on thead
- How do I add a simple onClick event handler to a canvas element?
- How to expand tree view by default in html
- How to run a function when the page is loaded?
- How can I add horizontal lines between horizontal list items?
- Angular OTP Input: Value Replicating in Multiple Fields Issue
- Difference between title and name in html href element
- How do I show the response of my Open Weather Map API query in my webpage?
- Shrink children to fit parent
- Turning The Split Border into a Complete Border During Hover in CSS
- How to redirect to new page when image is clicked? (html)
- Can not merged two cell 9 and X into one cell in HTML table
- Image taking whole space with tailwind
- How can know new token(smart contract) except https://www.defined.fi/new?
- Injecting javascript thourgh <img>-tag
- Spinning number animation on value update
- How to perform a addition in Jinja2?
- How to encode a string in JavaScript for displaying in HTML?
- Copy text to clipboard with JS
- Can I create a div with a Curved bottom?
- Center align with table-cell
- Using Fetch() how do I append a to an existing element ID?
- dynamically adding <option> elements to select tag destroys its functionality