Jak wyłączyć/usunąć audio na mobile?

[ar4]

Witam,

mam problem z usunięcie/wyłączeniem

<audio controls autoplay loop>
  <source src="...." type="audio/mpeg" loop="on">
Twoja przeglądarka nie obsługuje elementu audio.
</audio> 

przy urządzeniu mobilnym.

visibility: hidden; display:none;

Nie rozwiązuje problemu.

Ktoś przerabiał kiedyś ten problem i rozwiązał go?

 

Dodam, że nie jestem specem od js. Czy ktoś może przerobić mi ten js, aby id było usuwane przy roździelczości mniejszej  np. 800px

 

var oDiv = document.getElementById('audiomobile');
oDiv.parentNode.removeChild(oDiv);

 

Rozwiązałem

if (window.screen.width <= 768 && window.screen.height >= 1) {
  var oDiv = document.getElementById('audiomobile');
oDiv.parentNode.removeChild(oDiv);
}

 

[Presta]

Nie wiem czy js był koniecznością.
Zastosowanie media w elemencie nie sprawdzi się ? link
 

media="screen and (min-width: 900px)"

 

[ar4]

@Presta pisałem, że display nie działa media nie rozwiązywało problemu, gdyż obiekt znikał ale muzyka dalej leciała... dziwne swoją drogą, ale tak było...

[Mion]

Dnia 27.02.2019 o 11:39, ar4 napisał:

mam problem z usunięcie/wyłączeniem

https://www.w3schools.com/jsref/met_audio_pause.asp

https://www.w3schools.com/tags/av_met_pause.asp