html - 怎么让图片优先于音频媒体文件加载
本文介绍了html - 怎么让图片优先于音频媒体文件加载的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
我的HTML大致结构
<html>
<head>
<link rel="stylesheet" href="styles/play.css" type="text/css"/>
<script type="text/javascript">(function preloadImages() {
if (document.images) {
var img1 = new Image();
img1.src = "./images/demo.png";
}
})();
</script>
</head>
<body>
<div style="display:none">
<div id="bg"></div>
</div>
<audio id="gameMusic" class="music"
src="http://m2.music.126.net/AOChMFXWryJzWO2vR5iwIw==/7797736464973704.mp3"
hidden="true" loop="true">
</audio>
</body>
</html>
play.css
#bg{
background-image:url("./images/demo.png")
}
发现即使预加载demo图片,媒体文件还是会先加载,demo会被pending起来等媒体加载完才开始加载。怎么才能使我的图片优先于音频文件加载?
解决方案
一般对资源加载顺序有要求时,我使用https://github.com/englercj/resource-loa...
这篇关于html - 怎么让图片优先于音频媒体文件加载的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文