Как убрать кнопку скачать из аудио html?

Question

[WhileAD]

По умолчанию в теге в html кроме ползунка, остановить и звук, есть еще и "скачать" (три точки) - как ее убрать? И можно-ли убрать кнопку звука (если да, то как)? Можно это сделать с использованием css?

Comments

[Одиночка Айс]

Причем она есть в хромовском движке только, у мазиллы такого нет

[SagePtr]

Для Хрома можно добавить атрибут controlsList="nodownload"

Answer 1

[black1277]

Никак нельзя убрать. Это дефолтный интерфейс тега audio, который неизменяем и выглядит по разному в каждом браузере. Единственный способ - написать собственный интерфейс, используя web-audio api

Answer 2

[Okujava-script]

Это реализация скрытия значка звук и меню из трёх точек для Хрома и Оперы с наложением:

<style>
.contayner{
	position: absolute;
}
audio{
	position: absolute;
	width: 400px;
}
#zaslonka{
	position: absolute;
	width: 60px;
	height: 32px;
	top: 11px;
	background: rgb(241, 243, 244);
}
</style>
<center>
<div class=contayner>
	<audio id=audio src='http://tolmatux.strana.de/audio/sol.mp3' controls></audio>
	<div id=zaslonka></div>
</div>
<script>
zaslonka.style.left = parseInt(window.getComputedStyle(audio).width) - 73 + 'px';
</script>

Но с помощью консоли всё равно можно это обойти и скачать.

Answer 3

[Vladislav]

Вариант наложить на элемент тега audio блочный элемент того же цвета, белого и визуально он будет скрыт