Team:Heidelberg/Templates/Fancybox-media-js

From 2013.igem.org

/*!

* Media helper for fancyBox
* version: 1.0.6 (Fri, 14 Jun 2013)
* @requires fancyBox v2.0 or later
*
* Usage:
*     $(".fancybox").fancybox({
*         helpers : {
*             media: true
*         }
*     });
*
* Set custom URL parameters:
*     $(".fancybox").fancybox({
*         helpers : {
*             media: {
*                 youtube : {
*                     params : {
*                         autoplay : 0
*                     }
*                 }
*             }
*         }
*     });
*
* Or:
*     $(".fancybox").fancybox({,
*         helpers : {
*             media: true
*         },
*         youtube : {
*             autoplay: 0
*         }
*     });
*
*  Supports:
*
*      Youtube
*          http://www.youtube.com/watch?v=opj24KnzrWo
*          http://www.youtube.com/embed/opj24KnzrWo
*          http://youtu.be/opj24KnzrWo
*			http://www.youtube-nocookie.com/embed/opj24KnzrWo
*      Vimeo
*          http://vimeo.com/40648169
*          http://vimeo.com/channels/staffpicks/38843628
*          http://vimeo.com/groups/surrealism/videos/36516384
*          http://player.vimeo.com/video/45074303
*      Metacafe
*          http://www.metacafe.com/watch/7635964/dr_seuss_the_lorax_movie_trailer/
*          http://www.metacafe.com/watch/7635964/
*      Dailymotion
*          http://www.dailymotion.com/video/xoytqh_dr-seuss-the-lorax-premiere_people
*      Twitvid
*          http://twitvid.com/QY7MD
*      Twitpic
*          http://twitpic.com/7p93st
*      Instagram
*          http://instagr.am/p/IejkuUGxQn/
*          http://instagram.com/p/IejkuUGxQn/
*      Google maps
*          http://maps.google.com/maps?q=Eiffel+Tower,+Avenue+Gustave+Eiffel,+Paris,+France&t=h&z=17
*          http://maps.google.com/?ll=48.857995,2.294297&spn=0.007666,0.021136&t=m&z=16
*          http://maps.google.com/?ll=48.859463,2.292626&spn=0.000965,0.002642&t=m&z=19&layer=c&cbll=48.859524,2.292532&panoid=YJ0lq28OOy3VT2IqIuVY0g&cbp=12,151.58,,0,-15.56
*/

(function ($) { "use strict";

//Shortcut for fancyBox object var F = $.fancybox, format = function( url, rez, params ) { params = params || ;

if ( $.type( params ) === "object" ) { params = $.param(params, true); }

$.each(rez, function(key, value) { url = url.replace( '$' + key, value || ); });

if (params.length) { url += ( url.indexOf('?') > 0 ? '&' : '?' ) + params; }

return url; };

//Add helper object F.helpers.media = { defaults : { youtube : { matcher : /(youtube\.com|youtu\.be|youtube-nocookie\.com)\/(watch\?v=|v\/|u\/|embed\/?)?(videoseries\?list=(.*)|[\w-]{11}|\?listType=(.*)&list=(.*)).*/i, params  : { autoplay  : 1, autohide  : 1, fs  : 1, rel  : 0, hd  : 1, wmode  : 'opaque', enablejsapi : 1 }, type : 'iframe', url  : '//www.youtube.com/embed/$3' }, vimeo : { matcher : /(?:vimeo(?:pro)?.com)\/(?:[^\d]+)?(\d+)(?:.*)/, params  : { autoplay  : 1, hd  : 1, show_title  : 1, show_byline  : 1, show_portrait : 0, fullscreen  : 1 }, type : 'iframe', url  : '//player.vimeo.com/video/$1' }, metacafe : { matcher : /metacafe.com\/(?:watch|fplayer)\/([\w\-]{1,10})/, params  : { autoPlay : 'yes' }, type : 'swf', url  : function( rez, params, obj ) { obj.swf.flashVars = 'playerVars=' + $.param( params, true );

return '//www.metacafe.com/fplayer/' + rez[1] + '/.swf'; } }, dailymotion : { matcher : /dailymotion.com\/video\/(.*)\/?(.*)/, params  : { additionalInfos : 0, autoStart : 1 }, type : 'swf', url  : '//www.dailymotion.com/swf/video/$1' }, twitvid : { matcher : /twitvid\.com\/([a-zA-Z0-9_\-\?\=]+)/i, params  : { autoplay : 0 }, type : 'iframe', url  : '//www.twitvid.com/embed.php?guid=$1' }, twitpic : { matcher : /twitpic\.com\/(?!(?:place|photos|events)\/)([a-zA-Z0-9\?\=\-]+)/i, type : 'image', url  : '//twitpic.com/show/full/$1/' }, instagram : { matcher : /(instagr\.am|instagram\.com)\/p\/([a-zA-Z0-9_\-]+)\/?/i, type : 'image', url  : '//$1/p/$2/media/?size=l' }, google_maps : { matcher : /maps\.google\.([a-z]{2,3}(\.[a-z]{2})?)\/(\?ll=|maps\?)(.*)/i, type : 'iframe', url  : function( rez ) { return '//maps.google.' + rez[1] + '/' + rez[3] + + rez[4] + '&output=' + (rez[4].indexOf('layer=c') > 0 ? 'svembed' : 'embed'); } } },

beforeLoad : function(opts, obj) { var url = obj.href || , type = false, what, item, rez, params;

for (what in opts) { if (opts.hasOwnProperty(what)) { item = opts[ what ]; rez = url.match( item.matcher );

if (rez) { type = item.type; params = $.extend(true, {}, item.params, obj[ what ] || ($.isPlainObject(opts[ what ]) ? opts[ what ].params : null));

url = $.type( item.url ) === "function" ? item.url.call( this, rez, params, obj ) : format( item.url, rez, params );

break; } } }

if (type) { obj.href = url; obj.type = type;

obj.autoHeight = false; } } };

}(jQuery));