Jquery Fancybox模式窗口在页面加载时不会自动打开
我已经浏览了很多与此相关的帖子,但我就是无法弄清到底。我的网站主页上有一段视频。当访问者单击播放视频图形时,将在Fancybox模式中播放YouTube视频。我想发送一封电子邮件时事通讯,鼓励用户通过点击时事通讯中的链接观看视频,该链接会将他们带到我的网站,并自动启动播放视频的Fancybox模式。然而,我不能让它工作。在我的头标签中,我有:Jquery Fancybox模式窗口在页面加载时不会自动打开,jquery,fancybox,fancybox-2,Jquery,Fancybox,Fancybox 2,我已经浏览了很多与此相关的帖子,但我就是无法弄清到底。我的网站主页上有一段视频。当访问者单击播放视频图形时,将在Fancybox模式中播放YouTube视频。我想发送一封电子邮件时事通讯,鼓励用户通过点击时事通讯中的链接观看视频,该链接会将他们带到我的网站,并自动启动播放视频的Fancybox模式。然而,我不能让它工作。在我的头标签中,我有: <!-- Add fancyBox main JS and CSS files --> <script type="text/javas
<!-- Add fancyBox main JS and CSS files -->
<script type="text/javascript" src="{$base_url}/assets/js/fancybox/source/jquery.fancybox.js?v=2.1.3"></script>
<link rel="stylesheet" type="text/css" href="{$base_url}/assets/js/fancybox/source/jquery.fancybox.css?v=2.1.2" media="screen" />
<!-- Add Media helper (this is optional) -->
<script type="text/javascript" src="{$base_url}/assets/js/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.5"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#video-intro').fancybox({
openEffect : 'none',
closeEffect : 'none',
prevEffect : 'none',
nextEffect : 'none',
arrows : false,
width : '640',
height : '360',
helpers : {
media : {}
buttons : {}
}
});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$("#video-intro").trigger('click');
});
</script>
$(文档).ready(函数(){
$(“#视频介绍”).fancybox({
openEffect:'无',
closeEffect:'无',
效果:“无”,
下一个效果:“无”,
箭头:错,
宽度:“640”,
高度:'360',
助手:{
媒体:{}
按钮:{}
}
});
});
$(文档).ready(函数(){
$(“#视频介绍”).trigger('click');
});
在我的身体中,我有以下链接:
<a id="video-intro" href="http://www.youtube.com/embed/Scd0dmAod-k?rel=0" onClick=”_gaq.push(['_trackEvent', 'Video', 'Play', 'RentPro Overview Video']);”><img src="{$base_url}assets/img/play-video.png" width="425" height="239" alt="Click to play RentPro overview video" style="border:1px solid #fff;" /></a>
但是,我无法使其自动显示模式并在页面加载时播放视频。实际href有一个onClick事件,用于向Google Analytics注册事件 一个脚本就足够了:
$(document).ready(function() {
$('#video-intro').fancybox({
openEffect: 'none',
closeEffect: 'none',
prevEffect: 'none',
nextEffect: 'none',
arrows: false,
width: 640,
height: 360,
helpers: {
media: {},
buttons: {}
},
type: "iframe"
}).trigger("click");
}); // ready
注意我从您的脚本中更正了以下内容:
- 整数值不带引号
media:{},//谢谢@JFK之后缺少逗号。这是可行的,但我在Chrome上运行时遇到了一个问题,这就是我使用的Google Analytics跟踪代码的问题。需要将其更新到最新版本。我之所以在两组脚本中使用这个功能,是因为我不想让它一直自动打开,而只想在www.example.com?autoplay=true上打开。我在一次调用中使用了您的脚本版本,如果查询字符串参数autoplay为true,则使用原始代码。只是出于兴趣,你知道当它作为两个脚本加载时为什么不起作用吗?@AdrianWalls:它在两个脚本中不起作用的原因是因为你在第一个脚本中有语法错误,我在脚本中纠正了这个错误。请看我答案中的列表。如果这适用于你,请告诉我。