Subversion Repositories Integrator Subversion

/*!
 * Media helper for fancyBox
 * version: 1.0.5 (Tue, 23 Oct 2012)
 * @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
 *      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)\/(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/'
                        },
                        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) {
                                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));