Как на страницу добавить 4 аудиозаписи?

Question

[artemk7n]

Здравствуйте! Как на одну страницу добавить 4 статичные аудиозаписи? Получает 4 аудиоплеера. Чтобы они все 4 работали и не были зависимы друг от друга, у каждого play stop громкость и тд. Подскажите пожалуйста

Comments

[VrencchBug]

нужен centrum

Answer 1

[Александр Аксентьев]

• Берешь код для одного плеера
  
• Копируешь
  
• Вставляешь еще 3 раза
  
• ...
  
• Получается 4 плеера
  

Comments

[artemk7n]

Только работает один из них при таком подходе (первый)

[Юпитер Макс]

artemk7n, может так?

<audio controls>
    <source src="audio/music.ogg" type="audio/ogg; codecs=vorbis">
    <source src="audio/music.mp3" type="audio/mpeg">
    Тег audio не поддерживается вашим браузером. 
    <a href="audio/music.mp3">Скачайте музыку</a>.
  </audio>
<audio controls>
    <source src="audio/music.ogg" type="audio/ogg; codecs=vorbis">
    <source src="audio/music.mp3" type="audio/mpeg">
    Тег audio не поддерживается вашим браузером. 
    <a href="audio/music.mp3">Скачайте музыку</a>.
  </audio>
<audio controls>
    <source src="audio/music.ogg" type="audio/ogg; codecs=vorbis">
    <source src="audio/music.mp3" type="audio/mpeg">
    Тег audio не поддерживается вашим браузером. 
    <a href="audio/music.mp3">Скачайте музыку</a>.
  </audio>
<audio controls>
    <source src="audio/music.ogg" type="audio/ogg; codecs=vorbis">
    <source src="audio/music.mp3" type="audio/mpeg">
    Тег audio не поддерживается вашим браузером. 
    <a href="audio/music.mp3">Скачайте музыку</a>.
  </audio>

[artemk7n]

Юпитер Макс, Спасибо! Так работает, а как стилизовать эти плееры? Где можно почитать?

[Юпитер Макс]

artemk7n, если честно не пробовал, но думаю просто через css можно