javascript - 在加载页面期间排除加载 项目

Question

我正在为我的一个 friend 设计一个网站，该网站使用大量大图像，因此我创建了一个加载叠加层，同时所有内容都在后台加载。不过，页面上也有以 形式存在的背景音乐。问题是，一旦我添加了 < embed >，加载页面就不会通过 99%，直到浏览器完全加载背景音乐。

这是我的加载页面代码:

<script>
$(window).load(function() {
    show();
});

function show() {
    $(&#39;#loading&#39;).fadeOut();
    $(&#39;#container&#39;).fadeIn();
};
</script>

这是我的背景音乐代码:

<embed autoplay='true' height='1' loop='TRUE' src='background.mp3' width='1'/>

音乐代码延迟了加载页面的消失，无论是在我们的#loading、#container、之外。无论我将其放置在 HTML 中的何处，它都会延迟加载叠加层。

我希望音乐在加载覆盖期间开始，并在页面加载后继续播放，但问题是我的 JavaScript 正在拾取它，因此在加载音乐之前不会隐藏加载页面。

如果有人能提出编码，我将不胜感激，因为我不太擅长 JavaScript。

提前感谢您的帮助!

注意:我的音乐文件是 10Mb

Answer 1

尝试

HTML

<embed autoplay='true' height='1' loop='TRUE' src='' width='1'/>

js

$(window).load(function() {
    show();
    $('embed').attr('src','background.mp3');
});

<小时/>页面加载后添加 src。