次のコードは、IE9+ (および Firefox と Chrome) でサウンドを再生します。audio
IE8 で不足している機能 (要素とplay()
メソッド) を実装/ポリフィルするライブラリはありますか?
mediaelement.js
jQueryを使用したり、内部<object>
に配置したりするの<audio>
は見苦しく思えます。シムがフラッシュファイルを見つけられるようにするためのグローバルな初期化 ( などshim.init(somepath)
) は問題ありませんが、タグごとのコードは自動化できるはずなので、私には間違っているように見えます。
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
function foo()
{
var audio = document.getElementById('foo')
audio.play()
}
</script>
</head>
<body>
<audio id="foo" preload="none">
<source src="foo.mp3" type="audio/mpeg">
<source src="foo.ogg" type="audio/ogg">
Your browser does not support the audio element.
</audio>
<button onclick="foo()">Play</button>
</body>
</html>