如果源不可用,则不显示HTML5音频

时间:2014-07-10 14:22:54

标签: html5 html5-audio

在我的音频播放器应用程序中,如果源不可用,则音频播放器不会显示。

我的标记是

<div style="width:500px;height:300px;background-color:#E5EECC;">
    <audio type="audio/mpeg" preload="meta" controls="controls">
        <source src="http://www.tempsite.com/myaudio2.mp3" type="audio/mpeg" />
        <p>Your user agent does not support the HTML5 Audio element.</p>
    </audio>
</div>

此外,“p”标记中的消息未显示。有没有办法显示音频播放器或至少消息。我试过onerror属性(不知道它是否是一个有效的属性)也失败了。

我做了一个小提琴 http://jsfiddle.net/D9f5T/2/

1 个答案:

答案 0 :(得分:2)

在源标记中添加onerror属性。

<div style="width:500px;height:300px;background-color:#E5EECC;">
    <audio type="audio/mpeg" preload="meta" controls="controls">
        <source onerror="alert('error')" src="http://www.tempsite.com/myaudio2.mp3" type="audio/mpeg" />
        <p>Your user agent does not support the HTML5 Audio element.</p>
    </audio>
</div>