library/js/fancybox-2.1.5/source/helpers/jquery.fancybox-media.js

   1 /*!
   2  * Media helper for fancyBox
   3  * version: 1.0.6 (Fri, 14 Jun 2013)
   4  * @requires fancyBox v2.0 or later
   5  *
   6  * Usage:
   7  *     $(".fancybox").fancybox({
   8  *         helpers : {
   9  *             media: true
  10  *         }
  11  *     });
  12  *
  13  * Set custom URL parameters:
  14  *     $(".fancybox").fancybox({
  15  *         helpers : {
  16  *             media: {
  17  *                 youtube : {
  18  *                     params : {
  19  *                         autoplay : 0
  20  *                     }
  21  *                 }
  22  *             }
  23  *         }
  24  *     });
  25  *
  26  * Or:
  27  *     $(".fancybox").fancybox({,
  28  *         helpers : {
  29  *             media: true
  30  *         },
  31  *         youtube : {
  32  *             autoplay: 0
  33  *         }
  34  *     });
  35  *
  36  *  Supports:
  37  *
  38  *      Youtube
  39  *          http://www.youtube.com/watch?v=opj24KnzrWo
  40  *          http://www.youtube.com/embed/opj24KnzrWo
  41  *          http://youtu.be/opj24KnzrWo
  42  *                      http://www.youtube-nocookie.com/embed/opj24KnzrWo
  43  *      Vimeo
  44  *          http://vimeo.com/40648169
  45  *          http://vimeo.com/channels/staffpicks/38843628
  46  *          http://vimeo.com/groups/surrealism/videos/36516384
  47  *          http://player.vimeo.com/video/45074303
  48  *      Metacafe
  49  *          http://www.metacafe.com/watch/7635964/dr_seuss_the_lorax_movie_trailer/
  50  *          http://www.metacafe.com/watch/7635964/
  51  *      Dailymotion
  52  *          http://www.dailymotion.com/video/xoytqh_dr-seuss-the-lorax-premiere_people
  53  *      Twitvid
  54  *          http://twitvid.com/QY7MD
  55  *      Twitpic
  56  *          http://twitpic.com/7p93st
  57  *      Instagram
  58  *          http://instagr.am/p/IejkuUGxQn/
  59  *          http://instagram.com/p/IejkuUGxQn/
  60  *      Google maps
  61  *          http://maps.google.com/maps?q=Eiffel+Tower,+Avenue+Gustave+Eiffel,+Paris,+France&t=h&z=17
  62  *          http://maps.google.com/?ll=48.857995,2.294297&spn=0.007666,0.021136&t=m&z=16
  63  *          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
  64  */
  65 (function ($) {
  66         "use strict";
  67
  68         //Shortcut for fancyBox object
  69         var F = $.fancybox,
  70                 format = function( url, rez, params ) {
  71                         params = params || '';
  72
  73                         if ( $.type( params ) === "object" ) {
  74                                 params = $.param(params, true);
  75                         }
  76
  77                         $.each(rez, function(key, value) {
  78                                 url = url.replace( '$' + key, value || '' );
  79                         });
  80
  81                         if (params.length) {
  82                                 url += ( url.indexOf('?') > 0 ? '&' : '?' ) + params;
  83                         }
  84
  85                         return url;
  86                 };
  87
  88         //Add helper object
  89         F.helpers.media = {
  90                 defaults : {
  91                         youtube : {
  92                                 matcher : /(youtube\.com|youtu\.be|youtube-nocookie\.com)\/(watch\?v=|v\/|u\/|embed\/?)?(videoseries\?list=(.*)|[\w-]{11}|\?listType=(.*)&list=(.*)).*/i,
  93                                 params  : {
  94                                         autoplay    : 1,
  95                                         autohide    : 1,
  96                                         fs          : 1,
  97                                         rel         : 0,
  98                                         hd          : 1,
  99                                         wmode       : 'opaque',
 100                                         enablejsapi : 1
 101                                 },
 102                                 type : 'iframe',
 103                                 url  : '//www.youtube.com/embed/$3'
 104                         },
 105                         vimeo : {
 106                                 matcher : /(?:vimeo(?:pro)?.com)\/(?:[^\d]+)?(\d+)(?:.*)/,
 107                                 params  : {
 108                                         autoplay      : 1,
 109                                         hd            : 1,
 110                                         show_title    : 1,
 111                                         show_byline   : 1,
 112                                         show_portrait : 0,
 113                                         fullscreen    : 1
 114                                 },
 115                                 type : 'iframe',
 116                                 url  : '//player.vimeo.com/video/$1'
 117                         },
 118                         metacafe : {
 119                                 matcher : /metacafe.com\/(?:watch|fplayer)\/([\w\-]{1,10})/,
 120                                 params  : {
 121                                         autoPlay : 'yes'
 122                                 },
 123                                 type : 'swf',
 124                                 url  : function( rez, params, obj ) {
 125                                         obj.swf.flashVars = 'playerVars=' + $.param( params, true );
 126
 127                                         return '//www.metacafe.com/fplayer/' + rez[1] + '/.swf';
 128                                 }
 129                         },
 130                         dailymotion : {
 131                                 matcher : /dailymotion.com\/video\/(.*)\/?(.*)/,
 132                                 params  : {
 133                                         additionalInfos : 0,
 134                                         autoStart : 1
 135                                 },
 136                                 type : 'swf',
 137                                 url  : '//www.dailymotion.com/swf/video/$1'
 138                         },
 139                         twitvid : {
 140                                 matcher : /twitvid\.com\/([a-zA-Z0-9_\-\?\=]+)/i,
 141                                 params  : {
 142                                         autoplay : 0
 143                                 },
 144                                 type : 'iframe',
 145                                 url  : '//www.twitvid.com/embed.php?guid=$1'
 146                         },
 147                         twitpic : {
 148                                 matcher : /twitpic\.com\/(?!(?:place|photos|events)\/)([a-zA-Z0-9\?\=\-]+)/i,
 149                                 type : 'image',
 150                                 url  : '//twitpic.com/show/full/$1/'
 151                         },
 152                         instagram : {
 153                                 matcher : /(instagr\.am|instagram\.com)\/p\/([a-zA-Z0-9_\-]+)\/?/i,
 154                                 type : 'image',
 155                                 url  : '//$1/p/$2/media/?size=l'
 156                         },
 157                         google_maps : {
 158                                 matcher : /maps\.google\.([a-z]{2,3}(\.[a-z]{2})?)\/(\?ll=|maps\?)(.*)/i,
 159                                 type : 'iframe',
 160                                 url  : function( rez ) {
 161                                         return '//maps.google.' + rez[1] + '/' + rez[3] + '' + rez[4] + '&output=' + (rez[4].indexOf('layer=c') > 0 ? 'svembed' : 'embed');
 162                                 }
 163                         }
 164                 },
 165
 166                 beforeLoad : function(opts, obj) {
 167                         var url   = obj.href || '',
 168                                 type  = false,
 169                                 what,
 170                                 item,
 171                                 rez,
 172                                 params;
 173
 174                         for (what in opts) {
 175                                 if (opts.hasOwnProperty(what)) {
 176                                         item = opts[ what ];
 177                                         rez  = url.match( item.matcher );
 178
 179                                         if (rez) {
 180                                                 type   = item.type;
 181                                                 params = $.extend(true, {}, item.params, obj[ what ] || ($.isPlainObject(opts[ what ]) ? opts[ what ].params : null));
 182
 183                                                 url = $.type( item.url ) === "function" ? item.url.call( this, rez, params, obj ) : format( item.url, rez, params );
 184
 185                                                 break;
 186                                         }
 187                                 }
 188                         }
 189
 190                         if (type) {
 191                                 obj.href = url;
 192                                 obj.type = type;
 193
 194                                 obj.autoHeight = false;
 195                         }
 196                 }
 197         };
 198
 199 }(jQuery));