Я пытаюсь заставить звуковой тег HTML5 отображать только кнопку воспроизведения / паузы. Этот вопрос уже задавался здесь, но в ответах была только опция «играть!» «pause!», а не настоящая кнопка «play / pause image .png».
У меня есть готовые изображения .png, но, выполнив поиск в Интернете несколько дней, я нигде не могу найти ответ на этот вопрос. Я попытался заменить текст в приведенном выше примере с изображением, но это не работает. Мой код недостаточно силен, поэтому я продолжаю удалять код и начинать заново.
Это то, что у меня есть:
<audio controls preload="metadata" style=" width:215px; height:18px"><source src="http://www.website.com/audio.mp3" type="audio/mpeg">(Audio player not supported. Click track title to play the audio file)</audio>
Это прекрасно работает, но все, что я хочу, это для это работает с моими собственными ссылками изображения кнопки воспроизведения / паузы (2 изображения), посредством чего изображение воспроизведения заменяется изображением паузы во время воспроизведения. Мне не нужны громкость, отображение времени, маркер времени или остальные элементы управления.
Заранее спасибо.