How can I use more than one tag audio on my web html?

[phuong44dltt]

<audio style="width:100%; height: 40px" id="audio-4" controls preload="auto">
  <source src="http://www.hoasentrenda.org/Audio/Lyrics/Hoc-cai-su-hien.ogg" type="audio/ogg">
</audio>

If I insert another tag audio below, then I see ID is the same (id="audio-4").

<audio style="width:100%; height: 40px" id="audio-4" controls preload="auto">
  <source src="http://www.hoasentrenda.org/Audio/Lyrics/Roi-sao-nua.ogg" type="audio/ogg">
</audio>

You can write an examples in this case.

Thank you!

[phuong44dltt]

Sorry sir!
Oh sorry I found a way to do it. I change id="audio-4" and data-media="#audio-4". See below.

CODE IS WORKING.

<audio style="width:100%; height: 40px" id="audio-4" controls preload="auto">
  <source src="http://www.hoasentrenda.org/Audio/Lyrics/Hoc-cai-su-hien.ogg" type="audio/ogg">
</audio>
<div class="rabbit-lyrics" data-media="#audio-4" data-view-mode="mini">
[00:00.44]  Con chào ba.
[00:02.11]  Rồi, chào con, sao.
[00:04.71]  ...
</div>

<audio style="width:100%; height: 40px" id="audio-5" controls preload="auto">
  <source src="http://www.hoasentrenda.org/Audio/Lyrics/Roi-sao-nua.ogg" type="audio/ogg">
</audio>
<div class="rabbit-lyrics" data-media="#audio-5" data-view-mode="mini">
[00:00.00]  Bởi vậy mới nói rằng là còn thiếu một bài
[00:04.83]  Đó là bài Rồi Sao Nữa?
[00:10.91]  Rồi Sao Nữa?
[00:13.96]  Không, không, không! Viết được một khúc rồi!
[00:17.87]  ...
</div>

THANK YOU.