0

私はこれに関連して多くの投稿を経てきましたが、私はそれの底に到達することができません。私のウェブサイトのホームページにビデオがあります。訪問者がビデオの再生グラフィックをクリックすると、Fancyboxモーダル内でYouTubeビデオが再生されます。ニュースレターのリンクをクリックして、購読者にビデオの視聴を促す電子メールニュースレターを送信して、自分のサイトに移動し、ビデオを再生する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には、GoogleAnalyticsにイベントを登録するためのonClickイベントがあります。

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")ので、2つの異なるスクリプトは必要ありません
  • YouTubeのembedフォームを使用しているのでtype: "iframe"、APIオプションに追加しました

このjsfiddleで動作するのを見てください

あなたがで見ることができるように、分析onclickは問題ではないはずですconsole.log

于 2012-11-28T18:37:48.183 に答える