Html Jak zmienic standardowy odtw.audio w ikone z fontello???

pytanie zadane 20 lutego 2019 w HTML i CSS przez larry43 Początkujący (250 p.)

Witam

Jak w temacie mam problem z wstawieniem ikonki (fontello) zamiast standardowego odtwarzacza audio na stronie.

Teraz mam cos takiego

<div id="ContentRight">
	<ul>
		<li>Goedemorgen</li> <audio controls>  <source src="nagrania/Goedemorgen.mp3" type="audio/mpeg"><i class="icon-play-circled2"></i></audio>
		<li>Goedemiddag</li><audio controls> <source src="nagrania/Goedemiddag.mp3" type="audio/mpeg"></audio>
		<li>Goedenavond</li><audio controls> <source src="nagrania/Goedenavond.mp3" type="audio/mpeg"></audio>
		<li>Hallo</li><audio controls> <source src="nagrania/Hallo.mp3" type="audio/mpeg"></audio>
		<li>Welkom</li><audio controls> <source src="nagrania/Welkom.mp3" type="audio/mpeg"></audio>
		<li>Goedenacht</li><audio controls> <source src="nagrania/Goedenacht.mp3" type="audio/mpeg"></audio>
		<li>Dag</li><audio controls> <source src="nagrania/Dag.mp3" type="audio/mpeg"></audio>
		<li>Tot ziens</li><audio controls> <source src="nagrania/TotZiens.mp3" type="audio/mpeg"></audio>
		<li>Tot morgen</li><audio controls> <source src="nagrania/TotMorgen.mp3" type="audio/mpeg"></audio>
		<li>Doei</li><audio controls> <source src="nagrania/Doei.mp3" type="audio/mpeg"></audio>
	</ul>
</div>

a chciałbym zrobic zamiast odtwarzacza tylko ikonke sciagnieta z fontello ktora po nacisnieciu odtwarza dzwiek tak jak widac to nizej.

Wiec moje pytanie brzmi gdzie co moge zmienic zeby dzwiek miec pod ta ikonka czy cos w css czy w htmlu ewentualnie prosze mnie nakierowac jakich atrybutów szukać które mógłbym zmienić??

Dzięki i pozdrawiam

komentarz 20 lutego 2019 przez BT101 Stary wyjadacz (12,540 p.)

Co się dzieje w tym HTML, czemu między `</li>` a `</ul>` jest `<audio>`?

komentarz 20 lutego 2019 przez DragonCoder Nałogowiec (36,500 p.)

Mozna zapytac co to za jezyk?

komentarz 20 lutego 2019 przez wiktoz Mądrala (7,040 p.)

@DragonCoder wydaje mi się, że niderlandzki

1 odpowiedź

odpowiedź 20 lutego 2019 przez Comandeer Guru (601,110 p.)

Jedyny sensowny sposób to wstawienie tej ikonki w button i następnie dopisanie skryptu w JS, który będzie odpalał odpowiedni plik audio po kliknięciu tego przycisku.