Question

我的网页上有一个自动播放的Flash播放器。问题是视频在页面上的其他内容加载之前开始播放。我希望make等到网页加载或最多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

首先，我认为禁用流量计的autoplay可能是避免问题的最简单方法。对于autoplay选项，请查看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);

希望可以提供帮助。

Answer 2

也许你可以使用$( document ).ready()函数（https://learn.jquery.com/using-jquery-core/document-ready/），如果它没有帮助 - 你可以用setTimeout()一段时间后用JS / JQuery插入flash代码，我希望它会起作用。

在加载播放器之前等待页面加载或等待X秒

2 个答案: