robdecker
6/28/2013 - 10:06 PM

JS: Embed YouTube & Vimeo videos in a Colorbox popup. Requires http://www.jacklmoore.com/colorbox/

JS: Embed YouTube & Vimeo videos in a Colorbox popup. Requires http://www.jacklmoore.com/colorbox/

(function ($) {
  $("#content a[href*='vimeo.com']").each(function() {
    $this = $(this);
    var href = $this.attr('href');
    var vimeoId = href.split('/').pop();
    $this.colorbox({ html: function() {
      var iframe = '<iframe width="853" height="480" src="http://player.vimeo.com/video/' + vimeoId + '?autoplay=1" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>';
      var output = "<div style='line-height: 0px; overflow: hidden;'>" + iframe + '</div>';
      return output;
    }});
  });
  $("#content a[href*='youtube.com']").each(function() {
    var $this = $(this);
    var href = $this.attr('href');
    var youtubeId = href.split('=').pop();
    $this.colorbox({ html: function() {
      var iframe = '<iframe width="853" height="480" src="http://www.youtube.com/embed/' + youtubeId + '?autoplay=1" frameborder="0" allowFullScreen></iframe>';
      var output = "<div style='line-height: 0px; overflow: hidden;'>" + iframe + '</div>';
      return output;
    }});
  });
})(jQuery);