Tenga una aplicación web que tenga un botón que funcione bien en Android pero que no se muestre en varios dispositivos iOS en Safari o Chrome.
Para facilitar la lectura, he excluido gran parte del código, excepto el código del botón, con la esperanza de que sea algo simple con esto. ¿Algunas ideas?

HTML:

 <style> .button { border: none; color: white; padding: 10px 10px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; position: fixed; margin: 0 auto; cursor: pointer; } .button1 {background-color: darkblue;} </style> <button class="button button1" id="unmuteButton">UNMUTE</button> <canvas id="camerafeed"></canvas>

Y el JS:

 const btn = document.getElementById("unmuteButton"); btn.addEventListener("click", ()=>{ if(btn.innerText === "UNMUTE"){ btn.innerText = "MUTE" depthkit.video.muted = false }else{ btn.innerText= "UNMUTE"; depthkit.video.muted = 'muted' } })