0

我已经阅读了很多与此相关的帖子，但我无法深入了解它。我的网站主页上有一个视频。当访问者单击播放视频图形时，YouTube 视频将在 Fancybox 模式中播放。我想发送一封电子邮件时事通讯，鼓励订阅者通过单击时事通讯中的链接来观看视频，该链接将他们带到我的网站并自动启动 Fancybox 模式播放视频。但是我不能让它工作。在我的头标签中，我有：

<!-- 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>

在我的身体中，我有以下链接：

<a id="video-intro" href="http://www.youtube.com/embed/Scd0dmAod-k?rel=0" onClick=”_gaq.push(['_trackEvent', 'Video', 'Play', 'RentPro Overview Video']);”&gt;<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 注册一个事件。

4

1 回答 1

2

一个脚本就足够了：

$(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 : {}, //<-- comma here将其与以下选项分开后缺少逗号buttons: {}
  • 我将其设置.trigger("click")为相同的选择器，因此不需要两个不同的脚本
  • 由于您使用的是 youtube 的embed表单，因此我添加type: "iframe"了 API 选项

看到它在这个jsfiddle中工作

正如onclick您在console.log

于 2012-11-28T18:37:48.183 回答