Question

我正在尝试使用audio标记播放简单的音频文件，autoplay设置为true。它在chrome，firefox中运行良好但在Internet Explorer旧版本中没有运气。如何解决这个问题？

我正在尝试的代码：

<html>
<head>
</head>
<body>
<div id="sound_notification"></div>
<button id="playButton" onclick="messageNotification()">Play</button>
<script>
//TODO sound notification for incoming message

function messageNotification()
{
    console.log("inside notification handler");
    var filename="sound/notify";
    document.getElementById("sound_notification").innerHTML='<audio autoplay="autoplay"><source src="' + filename + '.mp3" type="audio/mpeg" /><source src="' + filename + '.ogg" type="audio/ogg" /><embed hidden="true" autostart="true" loop="false" src="' + filename +'.mp3" /></audio>';
}
</script>
</body>
</html>

我知道IE9下不支持HTML5音频。我不希望闪光灯回落，因为用户可能没有安装Flash播放器。你会在这个场景中采用什么方法？

Answer 1

我找到了只有IE支持的<bgsound>标记。它符合我的目的。

支持IE：

<html>
<head>
</head>
<body>
<!-- this tag is only supported by IE -->
<bgsound id="notification">
<button id="playButton" onclick="messageNotification()">Play</button>
<script>
//TODO sound notification for incoming message

function messageNotification()
{
    document.getElementById("notification").src="sound/notify.mp3";
}
</script>
</body>
</html>

如何在旧版Internet Explorer中支持HTML5音频标记？

1 个答案: