2

我可能没有使用正确的术语,但希望我能正确地回答我的问题。我想知道是否可以“延迟”特定 div 的“创建”,而不仅仅是延迟 FadeTo 或 Show jquery 命令。

我之所以这么问是因为我使用的 Vimeo API 完全令人难以置信和令人沮丧(至少对我而言——这是无尽耻辱的根源,我在尝试任何此类 Vimeo API 编码时陷入自怜之中)。我想要做的只是延迟嵌入 Vimeo 视频的 iframe 代码的自动播放。问题是我将包含 vimeo iframe 的 div 设置为在页面加载后隐藏三秒钟,然后再淡入,但由于它只是隐藏,因此视频在访问者实际看到之前就开始播放。我只是将 &autoplay=1 用于 vimeo 嵌入...

所以,我想除了让这个令人困惑的 Vimeo API 尝试以这种方式延迟视频之外,唯一的其他解决方案是能够仅使用 jQuery 命令来延迟 vimeo iframe 甚至在页面上加载/创建,直到容器div 淡入。

如果这是可能的,我会祝福我的幸运符。如果有人在接下来的几个小时内回答,则加倍积分!非常感谢!!!

4

1 回答 1

1

我刚刚编辑了我的答案并将其应用于您提供的代码:


所以我在这里所做的是:
1)将 jquery 加载到您的页面中
2)当 jquery 看到您的 id="div" 为“准备就绪”的 div 时,它会触发一个提示已加载的警报(您可以删除它,它只是为了测试目的),然后将 src 从加载到您的 iframe 中延迟 2 秒(2000 毫秒)
3)因此您可以将 2000 更改为您想要的任何时间,并确保“player_1”与您的 iframe id 匹配

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script>
 $(document.getElementById('div')).ready(function() 
{
       alert('loaded');
    setTimeout('document.getElementById("player_1").src="http://www.youtube.com/v/82CYNj7noic?autoplay=1"', 2000);

 });

</script>

<div id="div" class="div">
<iframe class="iframe" id="player_1" >    </iframe>
</div>

​ ​</p>

这对你有用吗??我希望我有帮助!

于 2012-04-08T03:36:48.993 回答