cross-browser - ブラウザ間で動作する html に mp3 ファイルを埋め込む

Question

次のコードを使用して、mp3 ファイルを HTML ドキュメントに埋め込みます。

 <embed src="aharddaysnight.mp3" width="140" height="40" autostart="false" loop="FALSE"></embed>

IE では、コントロール付きの mp3 プレーヤーが自動的に表示されるため、これは正常に機能します。

ただし、FireFox では、追加のプラグインが必要であることを示すポップアップが表示されます。追加のプラグインをインストールするオプションをクリックしても、セキュリティ証明書のエラーが原因でインストールできません。

Chrome では、プレーヤーは表示されますが、コードで autostart "false" と表示されていても、メディアは自動的に再生を開始します。

mp3 を埋め込むためのより良い方法、またはこの問題の修正方法はありますか?

Answer 1

これを Chrome と Firefox でテストしたところ、両方で動作し、フォールバックがありました。ただし、私が試している 2 時間のオーディオのように長いファイルの場合、再生が停止します。うまくいけば、それがあなたを助け、私は私の修正を探し続けます.

<audio controls="controls">
 <source src="yourURL.mp3" />
 <source src="yourURL.ogg" />
 <!-- fallback -->
  <embed type="application/x-shockwave-flash"                                                         
    flashvars="audioUrl=yourURL.mp3"    
     src="http://www.google.com/reader/ui/3523697345-audio-player.swf"   
     width="650? height="0? quality="best"></embed>
</audio>`

Answer 2

これを試して

type="audio/mpeg" 

また

type="audio/midi"