youtube API上的Javascript电子邮件选择表单事件

要回答您的问题："如何将联系人表单放在lightbox/video的前面？"您需要增加表单的css z-index属性。下面是一种方法。计算出页面上当前最高的z索引是多少，然后递增该值。Flash有一个名为"getNextHighestDepth"的方法。我们可以做类似的事情！警告：如果你的网页HTML太重，这种技术可能会很慢。

function Loops(collection, fn) {
  /**
   * @method generic reuseable loop with callback for specific actions
   * @param {Array|NodeList|HTMLCollection|etc.} collection
   * @param {function} fn - @callback
   */
  'use strict';
  var i;
  if ((collection.item && collection.length) || collection instanceof Array || collection instanceof Element || collection.elements || collection.jquery) {
    i = collection.length || collection.childNodes.length;
    if (i > -1) {
      do {
        if (collection[i] !== undefined) {
          fn(i);
        }
      } while (--i >= 0);
    }
  } else {
    throw new Error('"collection" (' + collection + ') is not valid. It should be a single element or an array or have an "item" method and a "length" property. Form controls collections are also valid');
  }
};
var GetNextHighestDepth = function(incrementBy) {
  /**
   * @returns {number} highest
   * @method gets highest z-index and adds 10
   * or adds number specified in parameter
   * @todo make return value 'live'. zindex returns a static value;
   */
  'use strict';
  var items = document.getElementsByTagName('*'),
    highest = 0;
  Loops(items, function(i) {
    // zindex returns a string that must be converted to a number
    var zindex = getComputedStyle(items[i], null).getPropertyValue('z-index');
    if ((zindex > highest) && (zindex !== 'auto')) {
      if (typeof incrementBy === 'number') {
        highest = parseInt(zindex, 10) + incrementBy;
      } else {
        highest = parseInt(zindex, 10) + 10;
      }
    }
  });
  return highest;
};

// Fires whenever a player has finished loading
function onPlayerReady(event) {
  event.target.playVideo();
}
// Fires when the player's state changes.
function onPlayerStateChange(event) {
  // Go to the next video after the current one is finished playing
  if (event.data === 0) {
    //   $.fancybox.next();
    el = document.getElementById("overlayContactForm");
    el.style.zIndex = GetNextHighestDepth();
    el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";
  }
}
// The API will call this function when the page has finished downloading the JavaScript for the player API
function onYouTubePlayerAPIReady() {
  // Initialise the fancyBox after the DOM is loaded
  $(document).ready(function() {
    $(".fancybox")
      .attr('rel', 'gallery')
      .fancybox({
        openEffect: 'none',
        closeEffect: 'none',
        nextEffect: 'none',
        prevEffect: 'none',
        padding: 0,
        margin: 50,
        beforeShow: function() {
          // Find the iframe ID
          var id = $.fancybox.inner.find('iframe').attr('id');
          // Create video player object and add event listeners
          var player = new YT.Player(id, {
            events: {
              'onReady': onPlayerReady,
              'onStateChange': onPlayerStateChange
            }
          });
        }
      });
  });
}