HTML5 <audio>开始播放时显示图像</audio>

Question

我的网站有背景音乐和单张图片。我希望隐藏图像直到音乐开始，甚至可能有一些加载消息，直到音频开始自动播放。 请帮帮我:)。

Answer 1

查看this answer中的脚本。 显然，您必须更改附加到'canplaythrough'的功能以满足您的需求，例如添加如下内容：

$("#imageID").css("display", "block");

Answer 2

首先通过CSS隐藏设置图像。

您需要收听Javascript事件<audio>元素正在解雇：

https://developer.mozilla.org/en-US/docs/DOM/Media_events

然后在Javascript代码中，捕获您要尊重的事件并动态地使图像可见 在事件处理程序中使用jQuery.show或类似的DOM元素样式操作：

http://api.jquery.com/show/