Javascript 在chrome上加载页面时显示的弹出视频

Javascript 在chrome上加载页面时显示的弹出视频,javascript,jquery,video,Javascript,Jquery,Video,我正在尝试使用jquery smartmodal插件在网站主页上添加一个弹出视频,并使用cookies为每个用户仅显示一次视频 它有一个问题,每当我尝试重新加载页面时,视频会显示在顶部,而加载页面后,视频会消失。我不希望在页面加载期间显示视频 我怎样才能做到这一点呢?只要在DOM就绪后调用您的函数即可 $(document).ready(function(){ $.smartModal(); }) 并将视频包装在包装器div中,并使用类似css的方式隐藏它 <div style="

我正在尝试使用jquery smartmodal插件在网站主页上添加一个弹出视频,并使用cookies为每个用户仅显示一次视频

它有一个问题,每当我尝试重新加载页面时,视频会显示在顶部,而加载页面后,视频会消失。我不希望在页面加载期间显示视频


我怎样才能做到这一点呢?

只要在DOM就绪后调用您的函数即可

$(document).ready(function(){
   $.smartModal();
})
并将视频包装在包装器div中,并使用类似css的方式隐藏它

<div style="display:none;">
    {your video html}
</div>

{您的视频html}

当你的页面开始加载时,立即调用。

在$(window)上调用你的函数。加载(function(){//call your Plugin})现在它处于就绪状态。我尝试了它,但我仍然能够在页面加载时看到页面顶部的视频。将你的视频包装在包装器中并用css隐藏,请参阅更新的答案