Question

我正在为我的一个朋友设计一个网站，它使用了大量的大图像，因此我创建了一个加载叠加层，而所有内容都在后台加载。然而，在页面上还存在背景音乐，其形式为＆lt;嵌入＆gt;。问题是，只要我添加＆lt;嵌入＆gt;在浏览器完全加载背景音乐之前，加载页面不会超过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，＆lt;身体＆gt;。无论我将它放在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。

在加载页面期间排除加载<embed />项目

1 个答案: