javascript - 等待页面加载或等待 X 秒后再加载播放器

Question

我的网页上有一个自动播放的 Flash 播放器。问题是视频在页面上的其他内容加载之前开始播放。我希望等到网页加载完毕或最多 2 秒后

<object id="flowplayer" width="640" height="360" data="/flowplayer-3.2.18.swf" type="application/x-shockwave-flash">

        <param name="allowfullscreen" value="true" />
        <param name="wmode" value="transparent" />
        <param name="flashvars" value='config={"clip":"URL goes here", "plugins": {"controls": {"autoHide" : false} }}' />

Answer 1

首先，我认为禁用 Flowplayer 的自动播放可能是避免问题的最简单方法。对于自动播放选项，请查看here .

如果您希望在一段时间后始终使用 javascript 加载 Flash 内容，您可以像您已经提到的那样使用 display:none ，如下所示:

CSS:

<style>
    #flowplayer {
        display: none;
    }
</style>

然后，对于 JavaScript，当页面加载时:

window.addEventListener('load', function() {    
    document.getElementById('flowplayer').style.display = 'block';      
}, false);

或者使用 Jquery :

jQuery(window).load(function() {    
    document.getElementById('flowplayer').style.display = 'block';      
});

并使用超时:

var timeout = setTimeout(function(){
    document.getElementById('flowplayer').style.display = 'block';
    clearTimeout(timeout);
}, 2000);

希望能有所帮助。