YouTube Link Title
Автор: kuehlschrank
Описание: Приводит ссылки на YouTube, Vimeo и LiveLeak к виду:
При наведении курсора на ссылку открывается превью:
При клике на ссылку даёт возможность просмотреть видео без перехода на сайты:
Предусмотрено изменение размера (+/-), приглушение фона (☼), перемещение фрейма с видео и изменение расположения кнопок. Меню настроек открывается кликом на favicon видеохостинга (YouTube/Vimeo/LiveLeak), рядом с изменённым линком (не работает только на USO).
Установить: с Greasy Fork
Код скрипта на Greasy Fork
Код скрипта:
Выделить код
Код:
// ==UserScript==
// @name YouTube Link Title
// @description Adds video titles, shows previews and embeds on click. Also supported: Vimeo, LiveLeak, Dailymotion, WorldStarHipHop, Vine, Coub
// @namespace http://w9p.co/userscripts/
// @version 2015.2.5
// @author kuehlschrank
// @homepage http://w9p.co/userscripts/ytlt
// @icon https://s3.amazonaws.com/uso_ss/icon/83584/large.png
// @include http*
// @exclude http*//*.google.*/*
// @exclude *//*.googleapis.com/*
// @exclude *//*.youtube.com/*
// @exclude *//vimeo.com/*
// @exclude *//*.vimeo.com/*
// @exclude *//*.worldstarhiphop.com/*
// @exclude *//vine.co/*
// @exclude *//*.dailymotion.com/*
// @exclude *//coub.com/*
// @exclude *//*.reddit.com/toolbar/*
// @exclude *://disqus.com/embed/*worldstarhiphop*
// @grant GM_getValue
// @grant GM_setValue
// @grant GM_xmlhttpRequest
// @grant GM_addStyle
// @grant GM_registerMenuCommand
// ==/UserScript==
'use strict';
function onLoad() {
if(location.hostname.indexOf('liveleak.com') > -1) {
return location.pathname == '/ll_embed' ? location.href = 'javascript:void(jwplayer.api.selectPlayer().play());' : false;
}
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(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>';
}
});
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; }
},
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; }
}
},
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() {
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) 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\/.+(http.+)/, '$1')); } 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(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.addEventListener('click', this.onClick);
}
if(cfg.previews && (vi && vi.preview || sites[li.sid].preview) && !a.querySelector('iframe')) {
a.addEventListener('mouseover', this.onMouseOver);
new Image().src = embedding.preview(vi, li);
}
},
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 li = links.parseInfo(this);
var vi = cache.get(li.sid, li.vid);
var qm = d.compatMode == 'BackCompat';
var w = qm ? d.body.clientWidth : d.documentElement.clientWidth, h = qm ? d.body.clientHeight : d.documentElement.clientHeight;
var img = ce('img', {src:embedding.preview(vi, li)});
var div = ce('div', {id:'YTLT-preview'});
div.appendChild(img);
if(vi.title && this.textContent.indexOf(vi.title) == -1) div.appendChild(ce('div', {innerHTML:vi.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') {
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:not(.YTLT-player-resizing) .YTLT-embed { transition-property:width,height;transition-duration:500ms;transition-timing-function:ease; }\
#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_-]+)(.*[#&\?]t=([0-9hms]+))?/i.exec(url) ? {vid:RegExp.$5, t:RegExp.$7} : null; },
sizes:[[640,390],[853,510]],
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) {
net.json('https://gdata.youtube.com/feeds/api/videos/' + vid + '?alt=json&fields=title/text(),yt:noembed,app:control/yt:state/@reasonCode', function(code, obj, txt) {
if(code == 404 && txt.indexOf('Video not found') != -1) {
window.setTimeout(f, 0, {title:'Video not found', status:4});
} else if(code == 403 && txt.indexOf('Private video') != -1) {
window.setTimeout(f, 0, {title:'Private video', status:3});
} else if(code == 200 && obj) {
var entry = obj.entry;
var title = entry.title.$t;
var status;
if(entry.app$control && entry.app$control.yt$state && entry.app$control.yt$state.reasonCode && entry.app$control.yt$state.reasonCode != 'limitedSyndication') {
status = 3;
} else if(typeof entry.yt$noembed == 'object') {
status = 5;
}
window.setTimeout(f, 0, {title:title, status:status});
} else {
window.setTimeout(f, 0);
}
});
}
},
'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?mute=0'; },
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 'http://www.liveleak.com/ll_embed?i=' + vid; },
url:function(vid) { return 'http://www.liveleak.com/view?i=' + vid; },
icon:'data:image/gif;base64,R0lGODlhEAAQAIAAAPz8/JcAACH5BAAAAAAALAAAAAAQABAAAAIrjI+pB+1gWoLhRcqurDhqumXcFnoj2FXfNa1ce7IISqb0DcJPPi+f4wsWAAA7',
request:function(vid, f) {
net.text('http://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 'http://coub.com/embed/' + vid + '?muted=false&autostart=true&noSiteButtons=true'; },
url:function(vid, t) { return 'http://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('http://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);
}
});
}
}
};
var cache = {
get: function(sid, vid) {
if(!this.obj) this.load();
var data = this.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;
this.load();
this.obj[sid + vid] = [info.title,info.status,info.preview].join('\t').trim();
this.save();
},
save: function() {
try {
cache.clean();
GM_setValue('cache', JSON.stringify(cache.obj));
} catch(ex) { log('Error while saving cache: ' + ex); }
cache.obj = null;
},
load: function() {
try {
this.obj = JSON.parse(GM_getValue('cache'));
} catch(ex) { }
if(this.obj == null || typeof(this.obj) != 'object') this.obj = {};
},
clean: function() {
var overflow = Object.keys(this.obj).length - 300;
if(overflow < 1) return;
var i = 0, f = Object.prototype.hasOwnProperty;
for(var p in this.obj) {
if(f.call(this.obj, p)) {
delete this.obj[p];
if(++i == overflow + 20) return;
}
}
}
};
var cfg = {
settings: {
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);Ага, тоже хотел его здесь выложить, только подумал, что уже выложил. Я упросил автора приделать пару фич к нему: теперь можно таскать этот фрейм за тайтлбар (правда я предложил в тайтлбаре ещё и тайтл писать), а скоро он обещал приделать полноценный ресайз фрейма, тогда вообще удобно будет.
А ещё мне кажется ты выложил скриншот не самой свежей версий, т.к. в последней версии в тайтле появилась кнопка "лампочка" для затемнения фона за видео.
О, а я попросил прикрутить Vimeo. Очень отзывчивый автор. 
Иллюстрация – да, не актуальная на сегодня (не было времени искать на фоне какого форума сделать скриншот, поэтому честно стянул со страницы описания скрипта).
Сейчас есть переключение на два варианта размера окна, и приглушение фона. Но с учётом, что работа над скриптом ещё идёт – за ним и не угонишься. 