Eu gostaria de reproduzir um arquivo mp3 grande (30MB) com tag no meu site, mas não parece funcionar no Firefox 8.0 e no Chrome 16.0.912. Funciona bem com o Safari tho. Sob o Firefox e o Chrome, o pequeno arquivo mp3 funciona, mas não é grande. Aqui estão os códigos simples que usei:
<audio autobuffer controls>
<src="mp3 file" preload="auto">
</audio>
É o problema dos navegadores?
O Safari está apenas fazendo o melhor trabalho dos três (Safari, Chrome e Firefox) que atualmente suportam esse elemento no tratamento dos erros apresentados por meio da sintaxe que você usou.
Deveria ser assim:
<audio controls preload="auto">
<source src="song.mp3" type="audio/mpeg" />
This text displays if the audio tag isn't supported.
</audio>
O atributo autobuffer não existe em HTML e deve ser removido.
Fontes:
Antes de mais nada, sua sintaxe está incorreta. Deve ser:
<audio controls preload="auto">
<source src="file.mp3" />
</audio>
Parece que o Safari está lendo seu código como pretendido, enquanto o Firefox / Chrome está lendo como está escrito; ou seja, com e sem o atributo preload .