css - HTML5 时显示图像开始播放

Question

我有背景音乐和单一图像的网站。我希望在音乐开始之前隐藏图像，甚至可能在音频开始自动播放之前有某种加载消息。请帮我 ：）

Answer 1

看看这个答案中的脚本。显然，您必须更改附加到“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/