HTML5 audio要素

HTML5のaudio要素を使ってスマホサイトでaudioの再生をしたい。。。

と思ってやってみたが、どうにもうまくいかない。。。

基本的には

<audio controls>
   <source src="sd/sample.mp3" type="audio/mp3">
   <source src="sd/sample.wav" type="audio/wav">
   <source src="sd/sample.ogg" type="audio/ogg">
</audio>

これでなるはずなんだけどなぁ。。。

と思って色々いじっていたら、PC上でも鳴らなくなってしまった。。。

鳴らなくなったと言うよりは、プレーヤー事態は表示されるんだけど、再生ボタンとかを押しても反応しない状態になっている。。。

と言うか、音楽ファイルを読み込んで無いっぽい。。。

ってことで

<audio id="audio" preload="auto" controls>
   <source src="sd/sample.mp3" type="audio/mp3">
   <source src="sd/sample.wav" type="audio/wav">
   <source src="sd/sample.ogg" type="audio/ogg">
</audio>

みたいな事をやってみると、再生ボタンが押せるようになる曲と、押せない曲とが混在するようになった。。。

改善してるの？？

ダメなの？？

よくわかりませんな。。。