iPhone natif HTML5 <audio> Le contrôle ne s'affiche pas correctement

Question

Le contrôle audio natif ne s'affiche pas correctement sur l'iPhone ou le simulateur d'iPhone.

Rendez-vous au http://www.anmldr.com/audio et voyez ce que je vois.

Le contrôle audio natif couvrira le paragraphe précédent et l'ombre portée couvrira légèrement le paragraphe suivant. Même si je le place dans un div contenant et que j'ai un margin-top et un margin-bottom, cela ne semble pas fonctionner.

La largeur du contrôle audio natif est apparemment trop faible car toutes les icônes et le compteur, etc. sont tous encombrés les uns sur les autres. Le contrôle affiche "Loading" en continu jusqu'à ce que vous commenciez à le jouer. Ensuite, les nombres apparaissent mais ils se superposent les uns aux autres.

Existe-t-il un moyen de personnaliser le contrôle audio natif? Largeur? Marge?

Linda

Answer 1

Répondre à ma question ...

Je compris que les attributs CSS sélecteur me permettra de définir le style du HTML5 contrôle audio natif.

[controls] { 
width:100%; 
margin-top:1.25em; 
margin-bottom:1.25em; 
} 

Ceci résout le problème de chevauchement des icônes, etc. Cela ne résout toujours pas le message "Chargement".

Linda