85 lines
3 KiB
JavaScript
85 lines
3 KiB
JavaScript
|
/*!
|
||
|
|
* Media helper for fancyBox
|
||
|
|
* version: 1.0.0
|
||
|
|
* @requires fancyBox v2.0 or later
|
||
|
|
*
|
||
|
|
* Usage:
|
||
|
|
* $(".fancybox").fancybox({
|
||
|
|
* media: {}
|
||
|
|
* });
|
||
|
|
*
|
||
|
|
* Supports:
|
||
|
|
* Youtube
|
||
|
|
* http://www.youtube.com/watch?v=opj24KnzrWo
|
||
|
|
* http://youtu.be/opj24KnzrWo
|
||
|
|
* Vimeo
|
||
|
|
* http://vimeo.com/25634903
|
||
|
|
* 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 ($) {
|
||
|
|
//Shortcut for fancyBox object
|
||
|
|
var F = $.fancybox;
|
||
|
|
|
||
|
|
//Add helper object
|
||
|
|
F.helpers.media = {
|
||
|
|
beforeLoad : function(opts, obj) {
|
||
|
|
var href = obj.href || '',
|
||
|
|
type = false,
|
||
|
|
rez;
|
||
|
|
|
||
|
|
if ((rez = href.match(/(youtube\.com|youtu\.be)\/(v\/|u\/|embed\/|watch\?v=)?([^#\&\?]*).*/i))) {
|
||
|
|
href = '//www.youtube.com/embed/' + rez[3] + '?autoplay=1&autohide=1&fs=1&rel=0&enablejsapi=1';
|
||
|
|
type = 'iframe';
|
||
|
|
|
||
|
|
} else if ((rez = href.match(/vimeo.com\/(\d+)\/?(.*)/))) {
|
||
|
|
href = '//player.vimeo.com/video/' + rez[1] + '?hd=1&autoplay=1&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1';
|
||
|
|
type = 'iframe';
|
||
|
|
|
||
|
|
} else if ((rez = href.match(/metacafe.com\/watch\/(\d+)\/?(.*)/))) {
|
||
|
|
href = '//www.metacafe.com/fplayer/' + rez[1] + '/.swf?playerVars=autoPlay=yes';
|
||
|
|
type = 'swf';
|
||
|
|
|
||
|
|
} else if ((rez = href.match(/dailymotion.com\/video\/(.*)\/?(.*)/))) {
|
||
|
|
href = '//www.dailymotion.com/swf/video/' + rez[1] + '?additionalInfos=0&autoStart=1';
|
||
|
|
type = 'swf';
|
||
|
|
|
||
|
|
} else if ((rez = href.match(/twitvid\.com\/([a-zA-Z0-9_\-\?\=]+)/i))) {
|
||
|
|
href = '//www.twitvid.com/embed.php?autoplay=0&guid=' + rez[1];
|
||
|
|
type = 'iframe';
|
||
|
|
|
||
|
|
} else if ((rez = href.match(/twitpic\.com\/(?!(?:place|photos|events)\/)([a-zA-Z0-9\?\=\-]+)/i))) {
|
||
|
|
href = '//twitpic.com/show/full/' + rez[1];
|
||
|
|
type = 'image';
|
||
|
|
|
||
|
|
} else if ((rez = href.match(/(instagr\.am|instagram\.com)\/p\/([a-zA-Z0-9_\-]+)\/?/i))) {
|
||
|
|
href = '//' + rez[1] + '/p/' + rez[2] + '/media/?size=l';
|
||
|
|
type = 'image';
|
||
|
|
|
||
|
|
} else if ((rez = href.match(/maps\.google\.com\/(\?ll=|maps\/?\?q=)(.*)/i))) {
|
||
|
|
href = '//maps.google.com/' + rez[1] + '' + rez[2] + '&output=' + (rez[2].indexOf('layer=c') ? 'svembed' : 'embed');
|
||
|
|
type = 'iframe';
|
||
|
|
}
|
||
|
|
|
||
|
|
if (type) {
|
||
|
|
obj.href = href;
|
||
|
|
obj.type = type;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}(jQuery));
|