开发者社区> 问答> 正文

怎么让图片优先于音频媒体文件加载

我的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起来等媒体加载完才开始加载。怎么才能使我的图片优先于音频文件加载?

展开
收起
杨冬芳 2016-06-22 12:38:37 2117 0
1 条回答
写回答
取消 提交回答
问答地址:
问答排行榜
最热
最新

相关电子书

更多
全景视频的播放及优化 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载