Adds video titles, shows previews and embeds on click. Also supported: Vimeo, LiveLeak, Dailymotion, vidme, WorldStarHipHop, Vine, Coub, Streamable
// ==UserScript==
// @name YouTube Link Title
// @description Adds video titles, shows previews and embeds on click. Also supported: Vimeo, LiveLeak, Dailymotion, vidme, WorldStarHipHop, Vine, Coub, Streamable
// @namespace http://w9p.co/userscripts/
// @version 2017.2.28
// @author kuehlschrank
// @homepage http://w9p.co/userscripts/ytlt
// @icon https://w9p.co/userscripts/ytlt/icon.png
// @include http*
// @exclude http*//*.google.*/*
// @exclude *//*.googleapis.com/*
// @exclude *//vimeo.com/*
// @exclude *//*.vimeo.com/*
// @exclude *//*.worldstarhiphop.com/*
// @exclude *//vine.co/*
// @exclude *//*.dailymotion.com/*
// @exclude *//coub.com/*
// @exclude *//vid.me/*
// @exclude *//*.vid.me/*
// @exclude *://disqus.com/embed/*worldstarhiphop*
// @exclude *//streamable.com/*
// @exclude *//*.streamable.com/*
// @grant GM_getValue
// @grant GM_setValue
// @grant GM_xmlhttpRequest
// @grant GM_addStyle
// @grant GM_registerMenuCommand
// @connect-src googleapis.com
// @connect-src vimeo.com
// @connect-src vine.co
// @connect-src liveleak.com
// @connect-src worldstarhiphop.com
// @connect-src dailymotion.com
// @connect-src coub.com
// @connect-src vid.me
// @connect-src streamable.com
// ==/UserScript==
'use strict';
function onLoad() {
if(location.hostname.indexOf('liveleak.com') > -1) {
if(location.pathname == '/ll_embed' && location.hash == '#play') document.body.querySelector('video').play();
return;
} else if(location.hostname.indexOf('youtube.com') > -1 || location.hostname.indexOf('youtube-nocookie.com') > -1) {
if(location.pathname.indexOf('/embed/') == 0 && window.top != window.self) {
document.body.querySelector('.ytp-chrome-controls a[href*="www.youtube.com"]').addEventListener('click', function(e) {
window.parent.postMessage({YTLT:'close'}, '*');
});
}
return;
}
cfg.load();
var q = 'a[href*="//t.co/"]';
for(var sid in sites) {
q += sites[sid].patterns.reduce(function(prev, cur) { return prev + ',a[href*="' + cur +'"]'; }, '');
}
links.query = q;
links.process(d.body);
var M = window.MutationObserver;
if(M) {
var opts = location.hostname == 'www.facebook.com' ? {childList:true, subtree:true, attributes:true, attributeFilter:['href']} : {childList:true, subtree:true};
new M(onMutations).observe(d.body, opts);
} else {
d.body.addEventListener('DOMNodeInserted', onNodeInserted);
}
window.addEventListener('message', onMessage);
GM_registerMenuCommand('Set up YouTube Link Title', setup.show);
}
function onNodeInserted(e) {
var t = e.target;
if(t.nodeType == 1) window.setTimeout(links.process, 100, t);
}
function onMutations(muts) {
for(var i = muts.length, m; i-- && (m = muts[i]);) {
if(m.type == 'attributes') {
window.setTimeout(links.process, 100, m.target);
} else {
for(var j = m.addedNodes.length, node; j-- && (node = m.addedNodes[j]);) {
if(node.nodeType == 1) window.setTimeout(links.process, 100, node);
}
}
}
}
function onMessage(e) {
if(typeof e.data != 'object' || !e.data.YTLT) return;
var li = e.data.YTLT;
if(li == 'close') return popup.close();
if(window.frames.length > 1) {
li.self = true;
e.source.postMessage({YTLT:li}, '*');
} else {
popup.show(li);
}
}
function ce(n, props) {
var n = d.createElement(n);
if(props) {
forEach(props, function(p) {
if(p == 'click' || p == 'mousedown' || p == 'mousedown') {
n.addEventListener(p, props[p]);
} else {
n[p] = props[p];
}
});
}
return n;
}
function forEach(o, f) {
var props = Object.keys(o);
for(var i = props.length, p; i-- && (p = props[i]);) {
if(o.hasOwnProperty(p)) f(p);
}
}
function rm(id) {
var node = $(id);
if(node) node.parentNode.removeChild(node);
}
var d = document, $ = function(id) { return d.getElementById(id); }, log = function(s) { console.log(s); };
var setup = {
id: 'YTLT-setup',
html: function() {
var h = '<div>YouTube Link Title</div><ul>';
this.forEach(function(n) {
var s = cfg.settings[n];
if(typeof s.default == 'boolean') {
h += '<li><input type="checkbox" name="'+ n +'"> ' + s.title + '</li>'
} else if(s.options) {
h += '<li>' + s.title + ': <select name="' + n + '">';
forEach(s.options, function(on) {
h += '<option value="' + on + '">' + s.options[on] +'</option>';
});
h += '</select></li>';
} else if(typeof s.default == 'string') {
h += '<li>' + s.title + ': <input type="text" name="'+ n +'" maxlength="' + s.maxlength + '" style="width:' + s.maxlength*12 +'px"></li>';
}
});
return h += '</ul><div><button name="save">Save settings</button></div></div>';
},
q: function(n) {
return d.querySelector('#' + this.id + ' *[name="' + n + '"]');
},
get: function(n) {
var s = cfg.settings[n];
if(typeof s.default == 'boolean') return this.q(n).checked;
if(s.options) { var sel = this.q(n); return sel.options[sel.selectedIndex].value; }
if(typeof s.default == 'string') return this.q(n).value;
},
set: function(n, val) {
var s = cfg.settings[n];
if(typeof s.default == 'boolean') {
this.q(n).checked = val;
} else if(s.options) {
var sel = this.q(n);
for(var i = sel.options.length; i--;) { if(sel.options[i].value == val) sel.selectedIndex = i; }
} else if(typeof s.default == 'string') {
this.q(n).value = val.trim();
}
},
forEach: function(f) {
forEach(cfg.settings, function(n) { if(cfg.settings[n].title) f(n); });
},
show: function() {
rm(setup.id);
GM_addStyle('\
#'+setup.id+' { position:fixed;z-index:2147483647;top:40px;right:40px;padding:20px 30px;background-color:white;width:auto;border:1px solid black }\
#'+setup.id+' * { color:black;text-align:left;line-height:normal;font-size:12px }\
#'+setup.id+' div { text-align:center;font-weight:bold;font-size:14px }\
#'+setup.id+' ul { margin:15px 0 15px 0;padding:0;list-style:none }\
#'+setup.id+' li { margin:0;padding:3px 0 3px 0;vertical-align:middle }'
);
d.body.appendChild(ce('div', {id:setup.id,innerHTML:setup.html()}));
setup.q('save').addEventListener('click', function() {
if(setup.get('country') != cfg.country) cache.clear('yt');
setup.forEach(function(n) { cfg[n] = setup.get(n); });
cfg.x = cfg.y = false;
cfg.save();
this.disabled = true;
this.innerHTML = 'Reloading...';
location.reload();
});
setup.forEach(function(n) {
setup.set(n, cfg[n]);
setup.q(n).addEventListener('change', setup.update);
});
setup.update();
},
update: function() {
setup.forEach(function(n) {
var s = cfg.settings[n];
if(!s.depends) return;
setup.q(n).parentNode.style.display = (Object.keys(s.depends).every(function(dn) { return s.depends[dn].test(setup.get(dn)); })) ? '' : 'none';
});
}
}
var links = {
process: function(node) {
var i = 0, list = node.tagName.toUpperCase() == 'A' ? [node] : node.querySelectorAll(links.query), isFB = location.hostname == 'www.facebook.com';
if(list.length < 1) return;
function processChunk() {
var a, li, vi, num = 0, ae = d.activeElement;
while(a = list[i++]) {
if(!(li = links.parseInfo(a)) || ae && ae != d.body && ae.contains(a) || isFB && (a.parentNode.outerHTML.indexOf('shareLink') > -1 || a.parentNode.outerHTML.indexOf('ScaledImageContainer') > -1)) continue;
if((vi = cache.get(li.sid, li.vid)) || cfg.urls_only && !li.url) {
links.decorate(a, li, vi);
} else {
(function(a, li) {
net.info(li, function(vi) { links.decorate(a, li, vi); });
})(a, li);
}
if(++num == 15) return window.setTimeout(processChunk, 100);
}
list = null;
}
node = null;
processChunk();
},
parseInfo: function(a) {
var url = a.getAttribute('data-expanded-url') || a.getAttribute('data-full-url') || a.href;
try { url = decodeURIComponent(url.replace(/^https?:\/\/(?:www\.facebook\.com\/.+|sys\.4chan\.org\/derefer\?url=|out\.reddit\.com.+)(http.+)/, '$1')).replace(/&token=[^&]+/, ''); } catch(ex) {};
var test = function(pattern) { return this.indexOf(pattern.toLowerCase()) != -1; };
for(var sid in sites) {
var s = sites[sid], info;
if(!sites[sid].patterns.some(test, url.toLowerCase())) continue;
if(info = sites[sid].parse(url)) return {sid:sid,vid:info.vid,t:info.t,url:sites[sid].patterns.some(test, a.textContent.toLowerCase()),oUrl:url};
}
return null;
},
decorate: function(a, li, vi) {
if(['wh'].indexOf(li.sid) > -1 && !vi.status && location.protocol == 'https:') vi.status = 5;
if(a.className.indexOf('YTLT-') > -1) {
a.removeEventListener('click', this.onClick, false);
a.removeEventListener('mouseover', this.onMouseOver, false);
} else {
if(!this.styleAdded) {
var css = '\
#YTLT-preview { position:fixed;z-index:2147483645;width:320px;padding:0;border:1px solid black;background-color:black; }\
#YTLT-preview img { max-height:240px;width:inherit;vertical-align:bottom; }\
#YTLT-preview div { padding:4px 2px;width:316px;text-align:center;font-family:sans-serif;font-size:13px;color:white;font-weight:bold; }\
a.YTLT-na { text-decoration: line-through!important; }\
a.YTLT-text { font-weight:bold!important;font-style:italic!important; }\
a.YTLT-icon { padding-left:18px!important; }\
a.YTLT-icon.YTLT-na:hover, a.YTLT-icon.YTLT-ne:hover { background:transparent url(data:image/gif;base64,R0lGODlhEAAQAKIGAO/v7+vr676+vmVlZZqamv///////wAAACH5BAEAAAYALAAAAAAQABAAAAM/aLrc/tAIQisRj4DCOSAZN4xDATpEV4zmMlVdWZ6GxqWr2Cq4mau0nk0VCHZelsuiBwypbpkNkcZAWjCRrCIBADs=) center left no-repeat!important; }';
for(var sid in sites) {
css += 'a.YTLT-icon-' + sid + ' { background:transparent url(' + sites[sid].icon + ') center left no-repeat!important; }';
}
GM_addStyle(css);
this.styleAdded = true;
}
var c = ' YTLT-link';
if(li.url || location.hostname == 'twitter.com') {
c += ' YTLT-text YTLT-icon YTLT-icon-' + li.sid;
if(vi) a.innerHTML = vi.title;
} else {
if(vi && !cfg.previews && vi.title) a.title = vi.title;
if(a.hasChildNodes() && a.innerHTML.indexOf('<img') == -1 && a.textContent.trim()) {
c += ' YTLT-icon YTLT-icon-' + li.sid;
}
}
if(vi.status == 3 || vi.status == 4) {
c += ' YTLT-na';
} else if(vi.status == 5) {
c += ' YTLT-ne';
}
a.className += c;
if(cfg.rewrite && sites[li.sid].url) {
a.href = sites[li.sid].url(li.vid, li.t, li.oUrl);
}
}
if(cfg.embed_mode != 'off') {
a.target = '_blank';
if(!vi.status) {
a.onclick = null;
a.addEventListener('click', this.onClick);
}
}
if(cfg.previews && (vi && vi.preview || sites[li.sid].preview) && !a.querySelector('iframe')) {
var url = embedding.preview(vi, li);
if(['twitter.com', 'github.com'].indexOf(location.hostname) > -1) {
a.title = '';
GM_xmlhttpRequest({
method: 'GET',
url: url,
overrideMimeType: 'text/plain; charset=x-user-defined',
headers: {'Accept':'image/png,image/*;q=0.8,*/*;q=0.5'},
onload: function(res) {
var txt = res.responseText, ui8 = new Uint8Array(txt.length), fr = new FileReader();
for(var i = txt.length; i--;) ui8[i] = txt.charCodeAt(i);
fr.onload = function() { a.setAttribute('data-ytlt-preview', fr.result); };
fr.readAsDataURL(new Blob([ui8.buffer], {type:'image/jpeg'}));
}
});
} else {
a.setAttribute('data-ytlt-preview', url);
new Image().src = url;
}
a.setAttribute('data-ytlt-title', vi.title);
a.addEventListener('mouseover', this.onMouseOver);
}
},
onClick: function(e) {
if(e.ctrlKey || e.altKey || e.shiftKey || e.metaKey || e.button != 0) return;
e.preventDefault();
e.stopImmediatePropagation();
rm('YTLT-preview');
embedding.play(this);
},
onMouseOver: function(e) {
rm('YTLT-preview');
var url = this.getAttribute('data-ytlt-preview'), title = this.getAttribute('data-ytlt-title');
var qm = d.compatMode == 'BackCompat';
var w = qm ? d.body.clientWidth : d.documentElement.clientWidth, h = qm ? d.body.clientHeight : d.documentElement.clientHeight;
var div = ce('div', {id:'YTLT-preview'});
if(url) {
var img = ce('img', {src:url});
div.appendChild(img);
}
if(title && this.textContent.toLowerCase().indexOf(title.toLowerCase()) == -1) div.appendChild(ce('div', {innerHTML:title}));
d.body.appendChild(div);
var r = (this.firstElementChild || this).getBoundingClientRect();
var dw = Math.max(div.offsetWidth, 320), dh = Math.max(div.offsetHeight, 240);
if(h - r.height > 2*dh) {
if(r.top + r.bottom > h) {
div.style.bottom = h - r.top + 15 + 'px';
} else {
div.style.top = r.bottom + 15 + 'px';
}
div.style.left = Math.min(w - dw - 10, Math.max(10, e.pageX - dw/2)) + 'px';
} else {
if(r.right + r.left > w) {
div.style.right = w - r.right + r.width + 15 + 'px';
} else {
div.style.left = r.left + r.width + 15 + 'px';
}
if(r.top+r.bottom > h) {
div.style.bottom = Math.max(20, h - r.top - r.height/2 - dh/2) + 'px';
} else {
div.style.top = Math.max(10, r.top + r.height/2 - dh/2) + 'px';
}
}
d.addEventListener('mouseout', links.onMouseOut);
},
onMouseOut: function(e) {
d.removeEventListener('mouseout', links.onMouseOut, false);
rm('YTLT-preview');
}
};
var net = {
info: function(li, f) {
var id = li.sid + li.vid;
if(typeof net.pending[id] != 'object') {
net.pending[id] = [f];
sites[li.sid].request(li.vid, function(vi) {
if(vi) {
cache.set(li.sid, li.vid, vi);
for(var i = net.pending[id].length; i--;) {
window.setTimeout(net.pending[id][i], 0, vi);
}
}
delete net.pending[id];
});
} else {
net.pending[id].push(f);
}
},
pending: {},
json: function(url, f) {
GM_xmlhttpRequest({
method: 'GET',
url: url,
onload: function(req) {
var obj;
try {
obj = JSON.parse(req.responseText);
} catch(ex) {
log('JSON data from ' + url + ' could not be parsed: ' + ex + '\nHTTP: ' + req.status + '\nResponse: ' + req.responseText);
}
window.setTimeout(f, 0, req.status, obj, req.responseText);
},
onerror: function(req) {
log('Request to ' + url + ' failed.');
window.setTimeout(f, 0, req.status, null, req.responseText);
}
});
},
text: function(url, re, f) {
GM_xmlhttpRequest({
method: 'GET',
url: url,
onload: function(req) {
var m = [], txt = req.responseText;
for(var i = 0, len = re.length; i < len; i++) {
m.push(re[i].exec(txt));
}
window.setTimeout(f, 0, req.status, m);
},
onerror: function(req) {
log('Request to ' + url + ' failed.');
window.setTimeout(f, 0, req.status, []);
}
});
}
};
var embedding = {
play: function(a) {
var li = links.parseInfo(a);
if(cfg.embed_mode == 'inline') {
var embed = embedding.embed(li, cfg.big);
a.parentNode.replaceChild(embed, a);
window.setTimeout(window.scrollTo, 0, 0, window.scrollY + embed.getBoundingClientRect().top - window.innerHeight/2 + embed.offsetHeight/2);
} else if(cfg.embed_mode == 'window' || location.hostname == 'api.solidopinion.com' && location.search.indexOf('nextbigfuture.com')) {
var embed = embedding.embed(li, cfg.big);
var w = parseInt(embed.style.width), h = parseInt(embed.style.height);
embed.style.width = '100%';
embed.style.height = '100%';
var div = ce('div');
div.appendChild(embed);
var features = 'left='+(window.screen.width/2-w/2)+',top='+(window.screen.height/2-h/2)+',width='+w+',height='+h+',status=no,scrollbars=no,location=no,menubar=no,toolbar=no,personalbar=no,dependent=no';
window.open('data:text/html,<html><title>Video Player</title><body style="padding:0;margin:0;overflow:hidden;background:black">' + encodeURIComponent(div.innerHTML) + '</body></html>', 'YouTube Link Title', features);
div.removeChild(embed);
} else if(cfg.embed_mode == 'player') {
popup.show(li);
}
},
embed: function(li, big) {
var site = sites[li.sid], embed = ce('iframe', {className:'YTLT-embed'});
embed.setAttribute('webkitAllowFullScreen', '');
embed.setAttribute('allowfullscreen', '');
embed.setAttribute('YTLT-sid', li.sid);
embedding.resize(embed, big);
embed.src = site.embed(li.vid, li.t);
embed.style.display = 'block';
return embed;
},
resize: function(embed, big) {
var site = sites[embed.getAttribute('YTLT-sid')];
var w = site.sizes[big?1:0][0];
var h = site.sizes[big?1:0][1];
embed.style.width = w + 'px';
embed.style.height = h + 'px';
},
preview: function(vi, li) {
if(vi && vi.preview) {
return vi.preview;
} else if(sites[li.sid].preview) {
return sites[li.sid].preview(li.vid);
}
}
};
var popup = {
show: function(li) {
if(window.top != window.self && !li.self) return window.parent.postMessage({YTLT:li}, '*');
this.close();
if(!this.styleAdded) {
GM_addStyle('\
#YTLT-bg { position:fixed;z-index:2147483647;top:0;right:0;bottom:0;left:0;background-color:black;opacity:0.9; }\
#YTLT-player { display:block;position:fixed;z-index:2147483647;line-height:normal;background-color:black;border:2px solid black;font-size:13px;line-height:16px;padding:0;margin:0;left:auto;top:auto;right:auto;bottom:auto; }\
#YTLT-player-titlebar { display:block;line-height:17px;padding:0;background:#1b1b1b;border-bottom:2px solid black;text-align:'+(cfg.reverse_buttons?'left':'right')+'; }\
#YTLT-player-left { display:block;position:absolute;left:-6px;top:6px;bottom:6px;width:8px;padding:0;margin:0;background:none;cursor:ew-resize;s }\
#YTLT-player-bottom { display:block;position:absolute;left:6px;right:6px;bottom:-6px;height:8px;padding:0;margin:0;background:none;cursor:ns-resize;s }\
#YTLT-player-darken { padding:0px 11px 3px 11px; }\
#YTLT-player-resize { padding:1px 11px 2px 11px; }\
#YTLT-player-close { padding:0px 28px 3px 28px; }\
#YTLT-player .YTLT-embed { border:0;line-height:normal; }\
#YTLT-player .YTLT-player-titlebar-button { vertical-align:top;display:inline-block;margin:0;font-weight:bold;font-size:14px;text-decoration:none;border:0;border-'+(cfg.reverse_buttons?'right':'left')+':2px solid black;color:#757575;text-decoration:none;cursor:pointer;font-family:"segoe ui",verdana,sans-serif; }\
#YTLT-player .YTLT-player-titlebar-button:hover { color:#959595!important; }\
.YTLT-embed { display:block;background-color:black;border:2px solid black;margin:0;padding:0; }\
#YTLT-player.YTLT-player-moving { opacity:0.8;cursor:move;border:2px solid white; }\
#YTLT-player.YTLT-player-resizing { opacity:0.8; }\
#YTLT-player.YTLT-player-moving .YTLT-embed, #YTLT-player.YTLT-player-resizing .YTLT-embed { visibility:hidden; }\
.YTLT-noselect { -moz-user-select:none;-webkit-user-select:none;-o-user-select:none; }'
);
this.styleAdded = true;
}
this.li = li;
var titlebar = ce('div', {id:'YTLT-player-titlebar',mousedown:this.onTitlebarMouseDown});
var buttons = [
ce('a', {id:'YTLT-player-darken',className:'YTLT-player-titlebar-button YTLT-noselect',innerHTML:'☼',click:this.onDarkenClick}),
ce('a', {id:'YTLT-player-resize',className:'YTLT-player-titlebar-button YTLT-noselect',click:this.onResizeClick}),
ce('a', {id:'YTLT-player-close',className:'YTLT-player-titlebar-button YTLT-noselect',innerHTML:'X',click:this.onCloseClick})
];
if(cfg.reverse_buttons) buttons.reverse();
for(var i = 0; i < buttons.length; i++) {
titlebar.appendChild(buttons[i]);
}
var player = ce('div', {id:'YTLT-player'});
player.appendChild(titlebar);
player.appendChild(ce('div', {id:'YTLT-player-left',mousedown:this.onBorderMouseDown}));
player.appendChild(ce('div', {id:'YTLT-player-bottom',mousedown:this.onBorderMouseDown}));
player.appendChild(embedding.embed(li, cfg.big));
if(cfg.darken) d.body.appendChild(ce('div', {id:'YTLT-bg'}));
d.body.appendChild(player);
this.update();
var w = player.offsetWidth, h = player.offsetHeight;
var x = parseFloat(cfg.x), y = parseFloat(cfg.y);
var qm = d.compatMode == 'BackCompat';
var cw = qm ? d.body.clientWidth : d.documentElement.clientWidth;
var ch = qm ? d.body.clientHeight : d.documentElement.clientHeight;
var mx = cw - x - w/2;
var isPosValid = mx > 0 && mx < cw && y > -5 && y < ch - h/2;
player.style.right = (isPosValid ? x : 80) + 'px';
player.style.top = (isPosValid ? y : ch/2 - h/2) + 'px';
d.addEventListener('keydown', this.onKeyDown);
},
close: function() {
rm('YTLT-player');
rm('YTLT-bg');
d.removeEventListener('keydown', popup.onKeyDown, true);
},
update: function(e) {
$('YTLT-player-resize').innerHTML = cfg.big ? '－' : '＋';
},
onCloseClick: function(e) {
e.preventDefault();
popup.close();
},
onResizeClick: function(e) {
e.preventDefault();
cfg.big = !cfg.big;
cfg.save();
var embed = d.body.querySelector('#YTLT-player .YTLT-embed');
embedding.resize(embed, cfg.big);
popup.update();
},
onDarkenClick: function(e) {
if($('YTLT-bg')) {
rm('YTLT-bg');
cfg.darken = false;
cfg.save();
} else {
var player = $('YTLT-player');
player.parentNode.insertBefore(ce('div', {id:'YTLT-bg'}), player);
cfg.darken = true;
cfg.save();
}
},
onKeyDown: function(e) {
if(e.keyCode == 27) popup.close();
},
onTitlebarMouseDown: function(e) {
var t = e.target;
if(t.id != 'YTLT-player-titlebar') return;
t.parentNode.className = 'YTLT-player-moving';
var r = t.getBoundingClientRect();
t.dx = e.clientX - r.left;
t.dy = e.clientY - r.top;
d.body.className += ' YTLT-noselect';
d.addEventListener('mousemove', popup.onTitlebarMouseMove);
d.addEventListener('mouseup', popup.onTitlebarMouseUp);
},
onTitlebarMouseMove: function(e) {
var titlebar = $('YTLT-player-titlebar');
titlebar.parentNode.style.right = (d.compatMode == 'BackCompat' ? d.body.clientWidth : d.documentElement.clientWidth) - e.clientX - titlebar.offsetWidth + titlebar.dx - 2 + 'px';
titlebar.parentNode.style.top = e.clientY - titlebar.dy - 2 + 'px';
},
onTitlebarMouseUp: function(e) {
var titlebar = $('YTLT-player-titlebar');
titlebar.parentNode.className = '';
titlebar.dx = null;
titlebar.dy = null;
d.removeEventListener('mousemove', popup.onTitlebarMouseMove, false);
d.removeEventListener('mouseup', popup.onTitlebarMouseUp, false);
d.body.className = d.body.className.replace('YTLT-noselect', '');
cfg.x = parseInt(titlebar.parentNode.style.right);
cfg.y = titlebar.parentNode.style.top;
cfg.save();
},
onBorderMouseDown: function(e) {
var embed = d.body.querySelector('#YTLT-player .YTLT-embed');
embed.parentNode.className = 'YTLT-player-resizing';
var r = embed.getBoundingClientRect();
embed.ratio = r.width/r.height;
embed.anchor = [r.right, r.top];
embed.control = e.target.id;
d.body.className += ' YTLT-noselect';
d.addEventListener('mousemove', popup.onBorderMouseMove);
d.addEventListener('mouseup', popup.onBorderMouseUp);
},
onBorderMouseMove: function(e) {
var embed = d.body.querySelector('#YTLT-player .YTLT-embed'), w, h;
if(embed.control == 'YTLT-player-left') {
var dx = embed.anchor[0] - e.clientX;
w = dx;
h = dx / embed.ratio;
} else {
var dy = e.clientY - embed.anchor[1];
w = embed.ratio * dy;
h = dy;
}
embed.style.width = w + 'px';
embed.style.height = h + 'px';
},
onBorderMouseUp: function(e) {
var embed = d.body.querySelector('#YTLT-player .YTLT-embed');
embed.parentNode.className = '';
embed.x = null;
embed.y = null;
embed.w = null;
embed.h = null;
d.removeEventListener('mousemove', popup.onBorderMouseMove, false);
d.removeEventListener('mouseup', popup.onBorderMouseUp, false);
d.body.className = d.body.className.replace('YTLT-noselect', '');
},
};
var sites = {
'yt':{
patterns:["youtube.com", "youtu.be", "youtube.googleapis.com"],
parse:function(url) { return /^https?:\/\/((www\.|m\.)?youtu(\.be|be\.(googleapis\.)?com).+v[=\/]|#p\/[a-z]\/.+\/|youtu\.be\/)([a-z0-9_-]{8,})(.*[#&\?]t=([0-9hms]+))?/i.exec(url) ? {vid:RegExp.$5, t:RegExp.$7} : null; },
sizes:[[640,360],[853,480]],
embed:function(vid, t) { var m = /((\d+)h)?((\d+)m)?(\d+)?/.exec(t); t = parseInt(m[2] || 0)*3600 + parseInt(m[4] || 0)*60 + parseInt(m[5] || 0); return 'https://www.youtube.com/embed/' + vid + '?autoplay=1&rel=1' + (t ? '&start=' + t : ''); },
url:function(vid, t, oUrl) { return 'https://www.youtube.com/watch?v=' + vid + (/\b(list=[a-z0-9_-]+)/i.exec(oUrl) ? '&' + RegExp.$1 : '') + (t ? '#t=' + t : ''); },
preview:function(vid) { return 'https://img.youtube.com/vi/' + vid + '/0.jpg'; },
icon:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAAMZQTFRFkQ0IyBILyBILkQ0IyBILkQ0IkQ0IyBILyBILkQ0IpA8JmQ4JlQ4Ing4JuxEKtRAKwBEKxBELyBILkQ0IAAAA+fn5wRcQtR0Yvh8YqRsWrx0XoxsV56Wj8vLy9+/vyTMttxgS252b6Ojo0WNfnRcTy8jIlg4JzL+/XAgFjjAtdAoHiFNRmA4IbxQQgQwI05qYmw4JrI2M8fHx1dXV5+fn3d3dkQ0IpA8JtRAKyBILng4Jqg8JrxAKuxEKmQ4JwBEKxBELlQ4ItxbjVAAAABV0Uk5TCaUJBvmihNKi2PzMh+rq/MyHzMwAD5S0KQAAAItJREFUGNOFz8cWgjAARNGxKx2CvWDvFRILCuj//5QJcYMuvKt3Zjdwv+BnyOec4u2j4lRd2M8MG1bCNXpeIlkwIq5VH0yilAHzyjV9vz8aijLxEDqU0vEhTdyFNmNssUoTyoXrBsFptxWlQA+56WyzPooIdagxN1/uY0mF9srQgBIhZ6lGSLmAv2/fr2gov1/MElQAAAAASUVORK5CYII=',
request:function(vid, f) {
var part = ['snippet', 'status'], fields = ['id', 'snippet/title', 'status/privacyStatus', 'status/embeddable'], country;
if(cfg.country) {
country = cfg.country.toUpperCase();
part.push('contentDetails');
fields.push('contentDetails/regionRestriction');
}
net.json('https://www.googleapis.com/youtube/v3/videos?id=' + vid + '&part=' + part.join(',') + '&fields=items(' + fields.join(',') + ')&' + String.fromCharCode.apply(String, [107,101,121,61,65,73,122,97,83,121,68,87,120,79,114,52,76,105,52,65,54,72,116,89,120,57,107,55,98,86,98,67,81,54,56,118,112,119,74,74,117,111,99]), function(code, obj, txt) {
if(code != 200) return window.setTimeout(f, 0);
var item = obj.items[0];
if(!item) {
window.setTimeout(f, 0, {title:'Video not found', status:4});
} else if(item.status.privacyStatus == 'private') {
window.setTimeout(f, 0, {title:'Private video', status:3});
} else {
var status;
if(item.contentDetails && item.contentDetails.regionRestriction) {
var rr = item.contentDetails.regionRestriction;
if(rr.blocked && rr.blocked.indexOf(country) > -1 || rr.allowed && rr.allowed.indexOf(country) < 0) status = 3;
} else if(!item.status.embeddable) {
status = 5;
}
window.setTimeout(f, 0, {title:item.snippet.title, status:status});
}
});
}
},
'vm':{
patterns:["vimeo.com"],
parse:function(url) { return /^https?:\/\/vimeo\.com\/(m\/)?([0-9]+)/i.exec(url) ? {vid:RegExp.$2} : null; },
sizes:[[640,360],[853, 480]],
embed:function(vid, t) { return 'https://player.vimeo.com/video/' + vid + '?title=1&portrait=1&byline=1&color=aa0000&autoplay=1'; },
url:function(vid, t) { return 'https://vimeo.com/' + vid; },
icon:'data:image/gif;base64,R0lGODlhEAAQAMQfAAuUuQynzzu83u/09Ryy2Su320rC4IbW6mKOngqHq5GvuoO3xhVbc0m92zV7keDo60R8j8Hc5KHEzwuawGSluaTg8Ah1lfD5/BmPsJPI13fR6LLd6f///wuavg2t1gAAACH5BAEAAB8ALAAAAAAQABAAAAVu4NeNZFmKgqeurCqMbbzCbrEWh0ao9MFdNgNnWOF1CJUhR+PZDIYRY2MRGWYIFsVQYgRYHNBAc4gwqiaPoUfIkQDMKsnwkB5YZp0VRTmEsGgeGHwIb3grAVoDCAktgB4WEAyMjY4AYpQiJpojHyEAOw==',
request:function(vid, f) {
net.json('https://vimeo.com/api/oembed.json?url=http://vimeo.com/' + vid, function(code, obj) {
if(code == 404) {
window.setTimeout(f, 0, {title:'Video not found', status:4});
} else if(code == 403) {
window.setTimeout(f, 0, {title:'Unknown video', status:5});
} else if(code == 200 && obj) {
window.setTimeout(f, 0, {title:obj.title ? obj.title : 'Unknown video', preview:obj.thumbnail_url});
} else {
window.setTimeout(f, 0);
}
});
}
},
'vn':{
patterns:["vine.co"],
parse:function(url) { return /^https?:\/\/(www\.)?vine\.co\/v\/([a-z0-9]+)/i.exec(url) ? {vid:RegExp.$2} : null; },
sizes:[[500,500],[660,660]],
embed:function(vid) { return 'https://vine.co/v/' + vid + '/card?audio=1'; },
url:function(vid) { return 'https://vine.co/v/' + vid; },
icon:'data:image/gif;base64,R0lGODlhEAAQALMAAAqnfLXk1/b7+jS1ks3t5JvZyFbBpOf28onSvhirhHLLswCjdgCkdwCjd////wCkeCH5BAAAAAAALAAAAAAQABAAAARp8Mk5TQgoNbqrcGCgMQZiUISDHcK5IE4xDezQBI6yvOpcPzjdwtCbBAEpF+1gkygchIEis0kkdwwr1DUpFCUDnOAgHI6bTtABQcGJGA1tYeTJSWBMLAU//ZQ5AF4fMQCAe36FhhQGXBQRADs=',
request:function(vid, f) {
net.text('https://vine.co/v/' + vid, [/"og:title" content="(.+?)">/, /"og:image" content="(.+?)"/], function(code, m) {
var title = m[0], preview = m[1];
if(code == 404) {
window.setTimeout(f, 0, {title:'Video not found', status:4});
} else if(code == 200 && title) {
window.setTimeout(f, 0, {title:title ? title[1] : 'Unknown video', preview:preview ? preview[1] : null});
} else {
window.setTimeout(f, 0);
}
});
}
},
'll':{
patterns:["liveleak.com/view"],
parse: function(url) { return /^https?:\/\/(m|www)\.liveleak\.com\/view.+i=([0-9a-z_]+)/i.exec(url) ? {vid:RegExp.$2} : null; },
sizes:[[625,352],[852,480]],
embed:function(vid) { return 'https://www.liveleak.com/ll_embed?i=' + vid + '#play'; },
url:function(vid) { return 'https://www.liveleak.com/view?i=' + vid; },
icon:'data:image/gif;base64,R0lGODlhEAAQAIAAAPz8/JcAACH5BAAAAAAALAAAAAAQABAAAAIrjI+pB+1gWoLhRcqurDhqumXcFnoj2FXfNa1ce7IISqb0DcJPPi+f4wsWAAA7',
request:function(vid, f) {
net.text('https://www.liveleak.com/view?i=' + vid, [/Item not found!/i, /<title>LiveLeak\.com - (.+?)<\/title>/i, /"og:image" content="(.+?)"/], function(code, m) {
var notfound = m[0], title = m[1], preview = m[2];
if(notfound) {
window.setTimeout(f, 0, {title:'Video not found', status:4});
} else if(code == 200 && title) {
window.setTimeout(f, 0, {title:title ? title[1] : 'Unknown video', preview:preview ? preview[1].replace('_thumb_', '_sf_') : null});
} else {
window.setTimeout(f, 0);
}
});
}
},
'wh':{
patterns:["worldstarhiphop.com"],
parse: function(url) { return /^https?:\/\/(www\.|m\.)?worldstarhiphop\.com\/.+v=([a-z0-9]+)/i.exec(url) ? {vid:RegExp.$2} : null; },
sizes:[[448,374],[640,534]],
embed:function(vid) { return 'http://www.worldstarhiphop.com/videos/ea/16711680/' + vid; },
url:function(vid) { return 'http://www.worldstarhiphop.com/videos/video.php?v=' + vid; },
icon:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXpJREFUeNpsUt1KAkEY/Ry2yx6gF4gQIXoakZAQkegqQiJ6gIiIJSQkRGSRiPCqNzGjve8JvOoq+Tz2nZnZbakGnf1+ztlz5tuprV9mEpdzIrAHBI7PMnE+BYhIFEowK0kkqGw1m1b7ms2YIHGJYRIDusQIiigALRXC8u8C68QoFVRqoff5PKUHtqVxeJQ/TU2+0WrnVofz73DbrTZ9L6fZjtEVK9X4E1mFNATQkBps+Zg5VV1ko712R+OijxiWgaoBFtnYAp4dQD4Z1zs9ixrdHo+D8BcrWt/2fDKiXdj8YKehrvV3uydmYz4aWnEFzMdDkHNsu6WgPdgASKCxh3t68ONQVOyJsFUUah/DQRiPxI1JUWASZx6HyO+gJaF+2pcCVyXkg7RC8IfjDfB5fpcW4J8VMKHqCYjstYmcUWQj8Ytu/P6e3pSaCeDVHMf4ll47+hd/44J1t9+/QCz5C+cJEmZ/cH4p/y14F/DDSKqN19urvwq/yN8CDAB9dTAcPA3GZgAAAABJRU5ErkJggg==',
request:function(vid, f) {
net.text('http://www.worldstarhiphop.com/videos/video.php?v=' + vid, [/<title>(Video: )?(.+?)\s*(\(\*Warning|<\/title>)/i, /"image_src" href="(.+?)"/], function(code, m) {
var title = m[0], preview = m[1];
if(title) {
window.setTimeout(f, 0, {title:title[2], preview:preview ? preview[1] : null});
} else {
window.setTimeout(f, 0);
}
});
}
},
'dm':{
patterns:["dailymotion.com/video"],
parse:function(url) { return /^https?:\/\/www\.dailymotion\.com\/video\/([a-z0-9]+)(.+start=([0-9]+))?/i.exec(url) ? {vid:RegExp.$1,t:RegExp.$3} : null; },
sizes:[[620,352],[853,480]],
embed:function(vid, t) { return 'https://www.dailymotion.com/embed/video/' + vid + '?logo=0&autoplay=1' + (t ? '&start=' + t : ''); },
url:function(vid, t) { return 'https://www.dailymotion.com/video/' + vid + (t ? '?start=' + t : ''); },
icon:'data:image/gif;base64,R0lGODlhEAAQAMQAAGB0hvHXCi5aq6mYZThltsiUCEd1ydmlAXSImMi1g7KCDePUZdO3TjJWl5dpBf7wAT5jpNrPkNCsJyVQnOzBBJ6klcCYLx1Jmdvh62WT5fLiKYV3V9W8Gr27tUlrqjVYlyH5BAAAAAAALAAAAAAQABAAAAWfIAZ5ZGmSkJgZbOuyGQQZRF1Xnl0bMm0jHISOwJv9FhSJ0Mb76CqLg2JAENg+TisBoTk4NoKw9dOoCjyVQOHrERMaDcFk4mEEvIoORAyXQwYcDwcFBxYJewJ9Fx0SAYIHFAoFHxOJDRMXCQWOB5CSCHNwmAMKD48UBQUJFxNwFxcWEqadqIavlwIXHwARCxYWDBEAEBdyGK1YycpkExghADs=',
request:function(vid, f) {
net.json('https://www.dailymotion.com/services/oembed?format=json&url=http://www.dailymotion.com/video/' + vid, function(code, obj) {
if(code == 404) {
window.setTimeout(f, 0, {title:'Video not found', status:4});
} else if(code == 200 && obj) {
window.setTimeout(f, 0, {title:obj.title ? obj.title : 'Unknown video', preview:obj.thumbnail_url});
} else {
window.setTimeout(f, 0);
}
});
}
},
'cb':{
patterns:["coub.com/view/"],
parse:function(url) { return /^https?:\/\/coub\.com\/view\/([a-z0-9]+)/i.exec(url) ? {vid:RegExp.$1} : null; },
sizes:[[640,360],[853,480]],
embed:function(vid, t) { return 'https://coub.com/embed/' + vid + '?muted=false&autostart=true&noSiteButtons=true'; },
url:function(vid, t) { return 'https://coub.com/view/' + vid; },
icon:'data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAWlBMVEUAAAADM/8AIP8DMv8AK/8DMv8DMv8AMP8EMv8EMv8EM/8DMv////8UQP+Dmv9kgf/t8P/M1v/j6f8dSP96k//Z4f+Mov/Bzf8MOf+0wv87X/91j/+Yq/9rhv9szalUAAAACnRSTlMAvwjCBpSYKo/huP286QAAAHpJREFUGNNlj9sSgyAMRGkrBQ4R1Kq9//9vCiqOo+ctmWx2V2WMdd47a9RCpVm5X+f5wsatSgvNDp30QD02ItKMDzDKprmVto+hkwhWOQjyfuW7bw1OeXjKh4I/LthL+ixZnw4hhkH+YBfb0GXbX7Y9BjtFP5cr9Sn1JyOZCa2SfTdfAAAAAElFTkSuQmCC',
request:function(vid, f) {
net.json('https://coub.com/api/oembed.json?url=http://coub.com/view/' + vid, function(code, obj) {
if(code == 404) {
window.setTimeout(f, 0, {title:'Video not found', status:4});
} else if(code == 403) {
window.setTimeout(f, 0, {title:'Unknown video', status:5});
} else if(code == 200 && obj) {
window.setTimeout(f, 0, {title:obj.title ? obj.title : 'Unknown video', preview:obj.thumbnail_url});
} else {
window.setTimeout(f, 0);
}
});
}
},
'vd':{
patterns:["vid.me/"],
parse:function(url) { return /^https?:\/\/vid\.me\/(e\/)?([a-z0-9]+)$/i.exec(url) ? {vid:RegExp.$2} : null; },
sizes:[[640,360],[853,480]],
embed:function(vid, t) { return 'https://vid.me/e/' + vid + '?autoplay=1'; },
url:function(vid, t) { return 'https://vid.me/' + vid; },
icon:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAjVBMVEUAAAA+Pj4pKSkqKionJycrKystLS1KSkpJSUk0NDQ0NDQtLS3///8tLS0rKyspKSlvb281NTXKysrDw8O/v79OTk7b29ujo6ONjY2KiopnZ2dYWFjX19e4uLg8PDz29vbt7e3Ozs6xsbGnp6eWlpaHh4d3d3dmZmZaWlpISEgwMDC5ubl1dXVqampoaGjlr6SgAAAADHRSTlMA/KqVSxoH8O/m5bPyShVZAAAAt0lEQVQY02WPRxKDMAxFjXGAAHLD9N5Lyv2PF9vDLm+hGX1p8T7SeAQ/HeeJiYcsDzcoVdOoMnAfdo94FlsyHunEc/kQ3wzc9RAJ7P3+CQjCZdw387ptaz72cYlRqEbeUWYQh1IhcpKaifMCuE7B0sTRQSqW6U0pnxZhgrCtRN3VAHV3iKoNES5yqgEwIy8wIr7cGVhYJX1ixOQXGKUMdqnFrLqcP2la5dKo23J+8UqStvBNub/6P7zKDtYRJLbHAAAAAElFTkSuQmCC',
request:function(vid, f) {
net.text('https://vid.me/' + vid, [/"og:title" content="(.+?)">/, /"og:image" content="(.+?)"/], function(code, m) {
var title = m[0], preview = m[1];
if(code == 404) {
window.setTimeout(f, 0, {title:'Video not found', status:4});
} else {
window.setTimeout(f, 0, {title:title ? title[1] : 'Unknown video', preview:preview ? preview[1] : null});
}
});
}
},
'st':{
patterns:["streamable.com/"],
parse:function(url) { return /^https?:\/\/streamable\.com\/([a-z0-9]+)$/i.exec(url) ? {vid:RegExp.$1} : null; },
sizes:[[650,360],[870,480]],
embed:function(vid, t) { return 'https://streamable.com/e/' + vid + '?autoplay=1'; },
url:function(vid, t) { return 'https://streamable.com/' + vid; },
icon:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAArlBMVEUAAAAPkPoPkPoOkPoPkPoOkPoPkPoPkPoTkvoPkPoPkPoOkPoPkPoPkPoPkPoOkPopnPornfoPkPoPkPpnufxruvwPkPoPkPqExv0PkPqExv0PkPoNj/oLjvr///87pPsimPv8/v/a7v5TsPwnm/v3/P/z+f9puvxCqPsblfoUkvrv9/7p9f7g8f6m1v1mufxhtvzN6P6/4f684P2t2f10v/xMrPtJq/sxoPsunvtCVzXKAAAAG3RSTlMA+fEFz5SJJvTVso2GgCAK2Na+ppSQgn4uLijfEpSVAAAAtElEQVQY003P5ZICQQwE4Oywctjd4dIZWRfc4f1fDGYp5PuV7qpUJWT9dl0h3E5AT42ug5rjN+o8wFvLNhN8aT/2HTAnlUSlSwnMaQzWkVrEJlLZVvKIXGAVbdfmsDzt0gQ9EtBKs4zDgpNwwz+PolAXRnSUKOvCRbVc5fvM5Nd1avBPHfB5obJYhyrNJQ8pcMBlYVje4kQCUyIfXzx7euuT+3/1M/7rOc9mK2g3hWh6MzvfAS/bFwknO2huAAAAAElFTkSuQmCC',
request:function(vid, f) {
net.text('https://streamable.com/' + vid, [/<h1[^>]*>(.+?)</, /"og:image" content="(.+?)"/], function(code, m) {
var title = m[0], preview = m[1];
if(code == 404) {
window.setTimeout(f, 0, {title:'Video not found', status:4});
} else {
window.setTimeout(f, 0, {title:title ? title[1] : 'Unknown video', preview:preview ? preview[1].replace('http://', 'https://') : null});
}
});
}
},
};
var cache = {
get: function(sid, vid) {
if(!cache.obj) cache.load();
var data = cache.obj[sid + vid];
if(!data) return false;
data = data.split('\t');
return data[0] ? {title:data[0],status:data[1],preview:data[2]} : false;
},
set: function(sid, vid, info) {
if(!info) return;
cache.load();
cache.obj[sid + vid] = [info.title,info.status,info.preview].join('\t').trim();
cache.save();
},
save: function() {
if(!cache.obj) return;
try {
cache.clean();
GM_setValue('cache', JSON.stringify(cache.obj));
} catch(ex) { log('Error while saving cache: ' + ex); }
cache.obj = null;
},
load: function() {
try {
cache.obj = JSON.parse(GM_getValue('cache'));
} catch(ex) { }
if(cache.obj == null || typeof(cache.obj) != 'object') cache.obj = {};
},
clean: function() {
var overflow = Object.keys(cache.obj).length - 300;
if(overflow < 1) return;
var i = 0, f = Object.prototype.hasOwnProperty;
for(var p in cache.obj) {
if(f.call(cache.obj, p)) {
delete cache.obj[p];
if(++i == overflow + 20) return;
}
}
},
clear: function(sid) {
cache.load();
var f = Object.prototype.hasOwnProperty;
for(var p in cache.obj) {
if(p.indexOf(sid) == 0 && f.call(cache.obj, p)) {
delete cache.obj[p];
}
}
cache.save();
}
};
var cfg = {
settings: {
country: { title:'Check for restrictions? Enter your <a href="http://en.wikipedia.org/wiki/ISO_3166-1_alpha-2#Officially_assigned_code_elements" target="_blank" style="text-decoration:underline!important;" title="e.g. US, GB or DE">country code</a>', default:'', maxlength:2},
reverse_buttons: { title:'Move buttons to the left', default:false, depends:{embed_mode:/player/} },
big: { title:'480p instead of 360p', default:false, depends:{embed_mode:/window|inline/} },
embed_mode: { title:'Embed on click', default:'player', options:{off:'off', player:'in-page popup', inline:'inline', window:'popup window'} },
rewrite: { title:'Rewrite addresses to non-mobile HTTPS URLs', default:true },
urls_only: { title:'Look up info only when link text is URL', default:false },
previews: { title:'Show preview image on hover', default:true },
darken: {},
x: {},
y: {}
},
load: function() {
forEach(cfg.settings, function(n) { cfg[n] = GM_getValue(n, cfg.settings[n].default); });
},
save: function() {
forEach(cfg.settings, function(n) { if(typeof cfg[n] != 'undefined') GM_setValue(n, cfg[n]); });
}
};
window.setTimeout(onLoad, 100);