☰

YouTube Me Again!

ytma! automatically converts YouTube(TM), Vimeo, Vine, Soundcloud, WebM, and MP4 links into real embedded videos.

目前为 2014-07-22 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // Do not modify and re-release this script!
  3. // If you would like to add support for other sites, please tell me and I'll put it in the includes.
  4. //
  5. // @id             youtube-me-again
  6. // @name           YouTube Me Again!
  7. // @namespace      hateradio)))
  8. // @author         hateradio
  9. // @version        5.1
  10. // @description    ytma! automatically converts YouTube(TM), Vimeo, Vine, Soundcloud, WebM, and MP4 links into real embedded videos.
  11. // @homepage       https://userscripts.org/scripts/show/60843
  12. // @icon           https://dl.dropboxusercontent.com/u/14626536/userscripts/i/ytma/ytma32.png
  13. // @icon64         https://dl.dropboxusercontent.com/u/14626536/userscripts/i/ytma/ytma64.png
  14. // @screenshot     https://dl.dropboxusercontent.com/u/14626536/userscripts/i/ytma/ytmascreen5.png
  15.  
  16. // @include        https://vine.co/v/*/embed/simple
  17. // @match          https://vine.co/v/*/embed/simple
  18.  
  19. // @include        https://gfycat.com/iframe/*
  20. // @match          https://gfycat.com/iframe/*
  21.  
  22. // @include        http://*.neogaf.com/forum/showthread.php*
  23. // @include        http://*.neogaf.com/forum/showpost.php?p*
  24. // @include        http://*.neogaf.com/forum/newreply.php*
  25. // @include        http://*.neogaf.com/forum/editpost.php*
  26. // @include        http://*.neogaf.com/forum/private.php*
  27.  
  28. // @match          http://*.neogaf.com/forum/showthread.php*
  29. // @match          http://*.neogaf.com/forum/showpost.php?p*
  30. // @match          http://*.neogaf.com/forum/newreply.php*
  31. // @match          http://*.neogaf.com/forum/editpost.php*
  32. // @match          http://*.neogaf.com/forum/private.php*
  33.  
  34. // @include        http*://*what.cd/forums.php?*viewthread*
  35. // @include        http*://*what.cd/torrents.php?*
  36. // @include        http*://*what.cd/user.php?*
  37.  
  38. // @match          *://*.what.cd/forums.php?*viewthread*
  39. // @match          *://*.what.cd/torrents.php?*
  40. // @match          *://*.what.cd/user.php?*
  41.  
  42. // @updated        21 July 2014 |
  43. // -updated        24 Aug  2013 | 17,400
  44. // -updated        04 June 2013 | 13,586
  45.  
  46. // @grant          GM_xmlhttpRequest
  47. // ==/UserScript==
  48.  
  49. /**
  50.  
  51.  Whitelist these sites on NoScript/NotScript/etc.
  52.  
  53.  neogaf.com
  54.  youtube.com
  55.  youtube-nocookie.com
  56.  vimeo.com
  57.  vimeocdn.com
  58.  vineco.com
  59.  soundcloud.com
  60.  vine.com
  61.  vine.co
  62.  gfycat.com
  63.  dropboxusercontent.com
  64.  
  65.  */
  66.  
  67. /*jslint indent: 4, maxerr: 50, browser: true, devel: true, nomen: true, plusplus: true, regexp: true, newcap: true */
  68.  
  69. (function () {
  70. 	'use strict';
  71.  
  72. 	var $$, strg, update;
  73.  
  74. 	if (!Function.prototype.bind) {
  75. 		Function.prototype.bind = function (self) {
  76. 			var args = [].slice.call(arguments, 1), fn = this;
  77. 			return function () {
  78. 				return fn.apply(self, args.concat([].slice.call(arguments)));
  79. 			};
  80. 		};
  81. 	}
  82.  
  83. 	function isNumber(n) {
  84. 		return !isNaN(parseFloat(n)) && isFinite(n);
  85. 	}
  86.  
  87. 	// DOM Handle
  88. 	$$ = {
  89. 		s: function (selector, cb) { var s = document.querySelectorAll(selector), i = -1; while (++i < s.length) { if (cb(s[i], i, s) === false) { break; } } },
  90. 		o: function (object, cb) { var i; for (i in object) { if (object.hasOwnProperty(i)) { if (cb(i, object[i], object) === false) { break; } } } },
  91. 		a: function (e) { var i = 1, j = arguments.length, f = document.createDocumentFragment(); for (i; i < j; i++) { f.appendChild(arguments[i]); } e.appendChild(f); return e; },
  92. 		e: function (t, o, e, p) { var a, b, c = document.createElement(t); if (typeof (o) === 'object') { for (a in o) { if (o.hasOwnProperty(a)) { b = a.charAt(0); switch (b) { case '_': c.style[a.substring(1)] = o[a]; break; case '$': c.setAttribute(a.substring(1), o[a]); break; default: c[a] = o[a]; break; } } } } if (e && p) { c.appendChild(e); } else if (e) { e.appendChild(c); } return c; }
  93. 	};
  94.  
  95. 	// S T O R A G E HANDLE
  96. 	strg = {
  97. 		on: (function () { try { var a, b = localStorage, c = Math.random().toString(16).substr(2, 8); b.setItem(c, c); a = b.getItem(c); return a === c ? !b.removeItem(c) : false; } catch (e) { return false; } }()),
  98. 		read: function (key) { return this.on ? JSON.parse(localStorage.getItem(key)) : false; },
  99. 		save: function (key, val) { return this.on ? !localStorage.setItem(key, JSON.stringify(val)) : false; },
  100. 		wipe: function (key) { return this.on ? !localStorage.removeItem(key) : false; },
  101. 		zero: function (o) { var k; for (k in o) { if (o.hasOwnProperty(k)) { return false; } } return true; },
  102. 		grab: function (key, def) { var s = strg.read(key); return strg.zero(s) ? def : s; }
  103. 	};
  104.  
  105. 	// U P D A T E HANDLE
  106. 	update = {
  107. 		name: 'ytma!',
  108. 		version: 5100,
  109. 		key: 'ujs_YTMA_UPDT_HR',
  110. 		callback: 'ytmaupdater',
  111. 		page: 'https://greasyfork.org/scripts/1023-youtube-me-again',
  112. 		uric: 'https://dl.dropboxusercontent.com/u/14626536/userscripts/updt/ytma/ytma.js', // If you get "Failed to load source for:" in Firebug, allow dropboxusercontent.com to run scripts.
  113. 		interval: 5,
  114. 		day: (new Date()).getTime(),
  115. 		time: function () { return new Date(this.day + (1000 * 60 * 60 * 24 * this.interval)).getTime(); },
  116. 		top: document.head || document.body,
  117. 		css: function (t) {
  118. 			if (!this.style) {
  119. 				this.style = document.createElement('style');
  120. 				this.style.type = 'text/css';
  121. 				this.top.appendChild(this.style);
  122. 			}
  123. 			this.style.appendChild(document.createTextNode(t + '\n'));
  124. 		},
  125. 		js: function (t) {
  126. 			var j = document.createElement('script');
  127. 			j.type = 'text/javascript';
  128. 			j[/^https?\:\/\//i.test(t) ? 'src' : 'textContent'] = t;
  129. 			this.top.appendChild(j);
  130. 		},
  131. 		notification: function (j) {
  132. 			if (j) {
  133. 				if (this.version < j.version) {
  134. 					window.localStorage.setItem(this.key,
  135. 						JSON.stringify({date: this.time(), version: j.version, page: j.page }));
  136. 				} else {
  137. 					return true;
  138. 				}
  139. 			}
  140. 			var a = document.createElement('a'), b = JSON.parse(window.localStorage.getItem(this.key));
  141. 			a.href = b.page || '#';
  142. 			a.target = '_blank';
  143. 			a.id = 'userscriptupdater';
  144. 			a.title = 'Update now.';
  145. 			a.textContent = 'An update for ' + this.name + ' is available.';
  146. 			document.body.appendChild(a);
  147. 			return true;
  148. 		},
  149. 		check: function (opt) {
  150. 			if (!strg.on) { return; } // typeof (GM_updatingEnabled) === 'boolean' || 
  151. 			var stored = strg.read(this.key), j, page;
  152. 			this.csstxt();
  153. 			if (opt || !stored || stored.date < this.day) {
  154. 				page = stored && stored.page ? stored.page : '#';
  155. 				strg.save(this.key, {date: this.time(), version: this.version, page: page});
  156. 				j = this.notification.toString()
  157. 					.replace('function', 'function ' + this.callback)
  158. 					.replace('this.version', this.version)
  159. 					.replace(/(?:this\.key)/g, "'" + this.key + "'")
  160. 					.replace('this.time()', this.time())
  161. 					.replace('this.name', "'" + this.name + "'");
  162. 				this.js(j);
  163. 				this.js(this.uric);
  164. 			} else if (this.version < stored.version) { this.notification(); }
  165. 		},
  166. 		csstxt: function () {
  167. 			if (!this.pop) { this.pop = true; this.css('#userscriptupdater,#userscriptupdater:visited{-moz-box-shadow:0 0 6px #787878;-webkit-box-shadow:0 0 6px #787878;box-shadow:0 0 6px #787878;border:1px solid #777;-moz-border-radius:4px;border-radius:4px;cursor:pointer;color:#555;font-family:Arial, Verdana, sans-serif;font-size:11px;font-weight:700;text-align:justify;min-height:45px;position:fixed;z-index:999999;right:10px;top:10px;width:170px;background:#ebebeb url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAACLCAYAAAD4QWAuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NUIzQjc3MTI4N0RFMDExOUM4QzlBNkE2NUU3NDJFNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGN0Q1OEQyNjdEQzUxMUUwQThCNEE3MTU1NDU1NzY2OSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGN0Q1OEQyNTdEQzUxMUUwQThCNEE3MTU1NDU1NzY2OSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NUIzQjc3MTI4N0RFMDExOUM4QzlBNkE2NUU3NDJFNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NUIzQjc3MTI4N0RFMDExOUM4QzlBNkE2NUU3NDJFNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po6YcvQAAAQFSURBVHja7JzBSxRRHMdnp+gkiLdOgtshKGSljQVF8CK0biEErYfwFmT+BQpdA0MIBEFtTx2qSxESaAt5ioUQFDp5sjl06rbnumzfp7+VbZx5M+/Nb9wZ+f3g56wzO28//ua93/u9J/stdDodx2/P3o85llaFT8JvwlvwTfhf00a2Hv8IPO86PHYHvg//An8OfwRfg/9RfzvTZ7DBvoZXQq6p6D7MCuwT+N2I92zAB/sNO0yPO8quwxf7DasABmK+d0XTVVKHnYIvG96z1i9Ymw8ep/R2obAqNdkm41e2sFct71v1/f4BiXyOJpRpHKZ918s9527B5+FvLwJWDaoR3zmvZ/bZw2HPNyMeBOTeb/BfaXaDEuVMvx2G3QDQMkW21wZsUpkp7GbIeU9zz3TI+WXTVGYCW6XRbApb1lxbTwt2VVMltS1hVWRnuWFVqhoNudbW9NchHIpc+ToO7GDE49JFtRij/ZG4gy0O7CIVIjZWNuhiw0lhK1SA6GzI8ppxKouCjTNaOWC7qWzKFrYaNw/SQOKwNVtYk4KjyAQ7RpnHCHaeCg7ugZQon7sBj3RYM62mHdmTVAaGxbiRNVmqRM3/bUvgDQCX/CcLvZsceEOF1v82dgPTrkdVVp2iXU8Q4e9ob0IHu59gUecxdwdlMwBunusGAJ1NuPr0KLoFdYQ3GGBXAiMLWC9gBRDX2gTa9g3Wp7Rbk8TqaPfjWWRp9I0kaLARVCbiXMO/xLGwdfCd7Oa4eDGQdD0fYYcJ7z/bzXHpxbWEDRaddO1FF3aSobE6pazAawztX0H7465mXWVqB2hwqWdwFeFfGaM+Wlh4V/rkMO2fpmy3VWTf5AD0NzLLkYsfn53T7fUs21k2UPmw5jBs9qZgx/AH4Ns+VxvQwJg0rGXTMPUfnhYgj0MLmayb6+TIBFZgBVZgBVZgBVZgBVZgBVZgBVZgBVZgBVZgBVZgBVZgBVZgBVZgBVZgBVZgBVZgBVZgBVZgBVZgBTZzVrg3U+Nsz1iTo7m7c+GRFU2ONGBFkyMNWNHkSANWNDl0xqbJAZ+j1/nR5HBOv6zm/8JaPjQ5KKqiyRFVpORfk8PRf3NZq8lRrd3PhiaHc6pvcLk0ORDdfGlyAFg0OdKAPUlliG76mhyGUNaDLXOaHIjuJdXkoKVKXzU5wlJZZjU5AFyKKhErFkuVbjcoUo3Apcmhnu6Ebkcmc5oczd2dZlA3YNHkUAFwUtLkcJlWnm1a1ng94AvkbKnM1SxVTKwRMphYNDkAPNiFFU0OZuPV5NDMYiyaHOgKvJoc8CVftFk1ORRsi/FxvYR3yH9qZjYba+VGkwOTw5GCzZcmByzTmhyI6ra/kNkiz4wmByD/0+T4J8AAyDkZArebBxMAAAAASUVORK5CYII=) no-repeat 13px 15px;padding:12px 20px 10px 65px}#userscriptupdater:hover,#userscriptupdater:visited:hover{color:#55698c!important;background-position:13px -85px;border-color:#8f8d96}'); }
  168. 		}
  169. 	};
  170.  
  171. 	/** Y T M A CLASS
  172. 	 *  Should not be used directly, only through YTMA.create()
  173. 	 *  @param id Unique ID
  174. 	 *  @param site Website eg: youtube, vimeo
  175. 	 *  @param a Anchor element
  176. 	 */
  177. 	function YTMA(id, site, a, uid) {
  178. 		this.data = {
  179. 			id: id,
  180. 			uid: YTMA.escapeId(uid),
  181. 			sid: YTMA.escapeId(id),
  182. 			site: site,
  183. 			uri: a.href
  184. 		};
  185.  
  186. 		this.a = a;
  187. 		this.spn = $$.e('span', {title: 'YTMA!', className: 'ytm_links', '$data-ytmid': this.data.id, '$data-ytmuid': this.data.uid});
  188. 		this.spn.addEventListener('click', this.show.bind(this), false);
  189. 		this.wrp = $$.e('div', {className: 'ytm_wrap'});
  190. 		this.wrs = $$.e('div', {id: 'w' + this.data.uid, className: 'ytm_clear ytm_site_' + this.data.site});
  191. 		this.ul  = $$.e('ul', {className: 'ytm_bar arialsans'});
  192.  
  193. 		this.setup(a);
  194. 	}
  195.  
  196. 	YTMA.num = 0;
  197.  
  198. 	YTMA.create = function (link) {
  199. 		var data = YTMA.getIdAndSite(link.href), id;
  200. 		if (data.valid === true) {
  201. 			id = YTMA.escapeId(data.id + '_' + (YTMA.num += 1));
  202. 			YTMA.set[id] = new YTMA(data.id, data.site, link, id);
  203. 			return YTMA.set[id];
  204. 		}
  205. 		return {};
  206. 	};
  207.  
  208. 	YTMA.getIdAndSite = function (uri) {
  209. 		var id, site;
  210. 		try {
  211. 			site = YTMA.reg.siteByTest[YTMA.reg.site.test(uri) ? RegExp.lastMatch : ''];
  212. 			// console.log(uri, site);
  213. 			if (site === 'html5') {
  214. 				id = uri.slice(-15);
  215. 			} else if (site === 'soundcloud') {
  216. 				id = YTMA.escapeId(uri).slice(-50);
  217. 			} else {
  218. 				id = uri.match(YTMA.reg.matchers[site])[1];
  219. 			}
  220.  
  221. 			if (id && YTMA.DB.sites[site]) {
  222. 				return {id: id, site: site, valid: true};
  223. 			}
  224. 			throw TypeError('invalid id/site: ' + site + ' % ' + id);
  225. 		} catch (e) {
  226. 			// console.info(uri, e);
  227. 			return {valid: false};
  228. 		}
  229. 	};
  230.  
  231. 	YTMA.route = {
  232. 		host: document.location.host,
  233. 		control: {
  234. 			go: function (host) {
  235. 				(this[host] || this.generic)();
  236. 			},
  237. 			generic: function () {
  238. 				if (!YTMA.DB.extension) {
  239. 					update.check();
  240. 				}
  241.  
  242. 				YTMA.user.init();
  243. 				YTMA.css();
  244. 				YTMA.ajaxQueue.init();
  245. 				YTMA.factory();
  246. 			},
  247. 			'gfycat.com': function () {
  248. 				update.css('body,html {overflow:hidden} video {width: 100% }');
  249. 			},
  250. 			'vine.co': function () {
  251. 				// console.log('vine.co');
  252. 				// YTMA.user.init();
  253. 				// if (YTMA.user.preferences.autoShow === 1) { return; }
  254.  
  255. 				var video = document.getElementById('video');
  256. 				if (video) { video.muted = false; }
  257. 			}
  258. 		},
  259. 		start: function () {
  260. 			this.control.go(this.host);
  261. 		}
  262. 	};
  263.  
  264. 	YTMA.main = function () {
  265. 		if (!this.initializer) {
  266. 			this.initializer = true;
  267. 			YTMA.route.start();
  268. 		}
  269. 	};
  270.  
  271. 	YTMA.set = {};
  272.  
  273. 	YTMA.collect = function (id) {
  274. 		var i, a = [];
  275. 		for (i in YTMA.set) {
  276. 			if (YTMA.set.hasOwnProperty(i) && YTMA.set[i].data.id === id) {
  277. 				a.push(YTMA.set[i]);
  278. 			}
  279. 		}
  280. 		return a;
  281. 	};
  282.  
  283. 	YTMA.reg = {
  284. 		site : /(youtu)|(vimeo)|(vine)|(soundcloud)|(gfycat)|(\.webm$)|(\.mp4$)/,
  285. 		time : /(?:t\=(?:(\d+)m)?(\d+)?s?)/,
  286. 		ios  : /(?:\b(?:ipod|iphone|ipad))\b/i,
  287. 		matchers: {
  288. 			youtubeOld: /(?:(?:youtu)(?:\.be\/|.*?(?:v\=|#p\/u\/\d*?\/)|.*?(?:v\=|#p\/c\/[a-zA-Z0-9]+\/\d*?\/)|.*?(?:embed\/))([A-Za-z0-9-_]{11}))/i,
  289. 			youtube: /(?:(?:(?:v\=|#p\/u\/\d*?\/)|(?:v\=|#p\/c\/[a-zA-Z0-9]+\/\d*?\/)|(?:embed\/)|(?:\.be\/))([A-Za-z0-9-_]{11}))/i,
  290. 			vimeo: /(?:vimeo\.com\/(\d+))/i,
  291. 			vine: /(?:vine\.co\/v\/([A-Za-z0-9-_]{11}))/i,
  292. 			soundcloud: /(?:soundcloud\.com\/(.+?\/.+))/i,
  293. 			gfycat: /(?:gfycat.com\/(\w+))/i // /(?:gfycat.com\/(.+)(?!\.))/i
  294. 		},
  295. 		siteByTest: {
  296. 			youtu: 'youtube',
  297. 			vimeo: 'vimeo',
  298. 			vine: 'vine',
  299. 			gfycat: 'gfycat',
  300. 			'.webm': 'html5',
  301. 			'.mp4': 'html5',
  302. 			soundcloud: 'soundcloud'
  303. 		}
  304. 	};
  305.  
  306. 	YTMA.img = {
  307. 		fav: {
  308. 			soundcloud : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXZJREFUeNp0UjFOw0AQnD3bCYaEoIgiUIQKikiAKKGgSAkFL0BQ0FEgUfECShpewB+QEE+gokDiBxGRiCCEBBzHd8ucLYGQ4Kw7+9azc7OzJ6oKnFYUxgD+W/DHYNA54GIooifTitYqg1okaPFff6BcTLF5fECYb5IJNJ3kMfUP2dxHPycwcQ0SliARocSGsA46YkKWQW0GS6BDAGlu5Myu84AgSmHKM/DY0NegwwR2+AJrSjBre5BaA1H7GFKpI729QHp9jqiaeTBn5mB7fWirjWB9B9JYBrwEMnop5d0zfD53YO9vYMY8SQcpZGkTZvsIstiivDfoaxfIxt8exYeXCLYOSOwlJZQ6twSpL0DfX4EoZtkCqc7/Njalbxnfdt+oSwhurkBnCWI/1FlgqgKNZ3JnZDSA3FFSpYdQAoF56tKNDmhOYTzJ3OSHXZkflJhYEyawcnH02HpmxZ+DrRJlgmacvrsHRmHln2tRnIiAy5WTLwEGAK4QoBQmtGHkAAAAAElFTkSuQmCC',
  309. 			youtube : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAABUUlEQVQ4y8WTP0sDQRDFf3e3iQlBIQeCYAgaEVGMTRr9AKnERtTCwg9hYWkRBBEFEf+g4OcwgWgTRSy0EhTBKmAnsYiex2Yva2GUZCMRKxceu8O893YGZuC/j3XlxqLAMTACpIHwL5pbQAJ3k5W3JaE0q8DiHz5NN+7MRTz2ZCt0VqFpRhAOMbR3SCiVwswZyNo1SNaAZgSRCO7cAhOnJeKz85j5JiRtqXGlhma818H3faRtM7i9y8DWDqorgsmTGldIcNrb1Hie9x11T8+QCAIeV5ZNoiNqWrfL660GL+UypYN9Ej9whYQAowqNxvd9AO4Lec7X1xiVPtKyTH0gpKYC9LYYqDpetcrZ5gbP+RPGhY2DhWwvoGId9USvgUyLLXApFcPCoc+2Os3EjVDoomkAMBX+7EqhOxkUhdLkgH5g7GvCOggegNfGuwDk/n0Z+QAjkqDhSKnyRwAAAABJRU5ErkJggg==',
  310. 			vimeo   : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhQTFRFutjhDKrTKqzN+Pz9H5CxT7nVis7g////lqc5nAAAAAh0Uk5T/////////wDeg71ZAAAAP0lEQVR42iTMyREAMAgCQASP/jsOGj7s8AATPxzwUDai0AG1SQhsYdeEolVLt8c8llZHYuXyTeb9YYo/8wQYAC81AOQXjj+CAAAAAElFTkSuQmCC',
  311. 			vine    : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABcklEQVQ4jX2SvyvFYRTGP+9NdzAYbpIkysA/ICnKoEwvA4vlUkoyGQzvoOiK4R0YbDLhDhbi9maWIjEqcScWkyRhMNzXcM/3On39OMt5nvOe85wfvSbGyH9mgs8Cq8AUkAMegU1gJVpXqfu3umpbwITiLUBB8HJGuryb4KMJ/izVvUMVnwNjwJPwGYCMkLL4zlT3XoUL0boD4FBNUhO4Fd9ogm9SRVmFn8Una79qgWuV2K3wvcLJdG3iL7TaiUocAI4Fn0vnHDBrgt+L1g2q3NoEl8CH4KHkMVr3CSwI7QeOTPA9WsAk/8AEvw+MSrwrWleuJQVfABZJWbTOZBTfVXg6lbgEHKjQTcL1BFngAWimeuH2aN2LvHUDV1JcjNbl0zdI9l0T2pDsboKvB7Yl/ga4X2+gku+AVqAC9AFzwLik5KN1xT8FRGQEOBL6yfdn2onWTZKyTDoQrSsB60KT4lNSh/1TQETmgQ1ZowQMy41+2BeLRXeRaKuHSAAAAABJRU5ErkJggg=='
  312. 		},
  313. 		css: {
  314. 			load : 'data:image/gif;base64,R0lGODlhDgAKAJEAAP///+BKV////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgACACwAAAAADgAKAAACHFSOeQYI71p6MtAJz41162yBH+do5Ih1kKG0QgEAIfkEBQoAAgAsAAABAA0ACAAAAhSUYGEoerkgdIzKGlu2ET/9ceJmFAAh+QQFCgACACwAAAEADQAIAAACFJRhcbmiglx78SXKYK6za+NxHyYVACH5BAUKAAIALAAAAQANAAgAAAIWVCSAl+hqEGRTLhtbdvTqnlUf9nhTAQAh+QQFCgACACwAAAEADQAIAAACFZRiYCh6uaCRzNXYsKVT+5eBW3gJBQAh+QQJCgACACwAAAAADgAKAAACGpSPaWGwfZhwQtIK8VTUvuxpm9Yp4XlmpiIUADs='
  315. 		}
  316. 	};
  317.  
  318. 	YTMA.selector = {
  319. 		all: 'a[href*="youtube."], a[href*="youtu.be/"], a[href*="vimeo.com/"], a[href*="vine.co/"], a[href*="gfycat.com/"], a[href*=".webm"], a[href*=".mp4"], a[href*="soundcloud.com/"]',
  320. 		parentBlacklist: ['.smallfont', '.colhead_dark', '.spoiler'],
  321. 		chromeBlacklist: 'a[href*="pomf.se/"]'
  322. 	};
  323.  
  324. 	YTMA.selector.ignore = (function (all, blacklist) {
  325. 		var i, j, ignore = [];
  326. 		for (i = 0; i < blacklist.length; i++) {
  327. 			for (j = 0; j < all.length; j++) {
  328. 				ignore.push(blacklist[i] + ' ' + all[j]);
  329. 			}
  330. 		}
  331. 		//console.log(ignore);
  332. 		return ignore.join(',');
  333. 	}(YTMA.selector.all.split(','), YTMA.selector.parentBlacklist));
  334.  
  335. 	YTMA.links = (function () {
  336. 		var links = [];
  337. 		$$.s(YTMA.selector.ignore, function (el) { el.setAttribute('ytmaignore', true); });
  338.  
  339. 		if (window.chrome) {
  340. 			$$.s(YTMA.selector.chromeBlacklist, function (el) {
  341. 				if (/(?:.\webm)/i.test(el.href)) {
  342. 					el.dataset.scroll = false;
  343. 				}
  344. 			});
  345. 		}
  346.  
  347. 		$$.s(YTMA.selector.all, function (el) { if (!el.hasAttribute('ytmaignore')) { links.push(el); } });
  348. 		return links;
  349. 	}());
  350.  
  351. 	YTMA.factory = function () {
  352. 		if (YTMA.links.length === 0) { return; }
  353.  
  354. 		YTMA.links.forEach(YTMA.create);
  355.  
  356. 		if (YTMA.user.preferences.desc === 1) {
  357. 			YTMA.user.fn.onScrollViewDescriptions();
  358. 		}
  359.  
  360. 		if (YTMA.user.preferences.desc === 2) {
  361. 			YTMA.ajax.start();
  362. 		}
  363.  
  364. 		if (YTMA.user.preferences.autoShow === 1) {
  365. 			YTMA.user.fn.onScrollViewMedia();
  366. 		}
  367. 	};
  368.  
  369. 	YTMA.escapeId = function (id) {
  370. 		return (id += '').replace(/(?:\W)/g, '_');
  371. 	};
  372.  
  373. 	/**
  374. 	 * User Preferences
  375. 	 * flash: 0 "Frame"; 1 "Object"
  376. 	 * size: Small (240p), Medium (360p), Large (480p), XL (720p)
  377. 	 * ratio: 1 4:3, 2 16:9
  378. 	 * quality: 240, 360, 480, 720, 1080
  379. 	 * focus: 0/1; Will attempt to set the window's focus near the video
  380. 	 * autoShow: 0/1; Will automatically display HTML5 videos, which currently lack descriptions and thumbnails
  381. 	 * desc: (Descriptions) 0 None; 1 Yes on scroll; 2 Yes all at once
  382. 	 */
  383. 	YTMA.user = {
  384. 		init: function () {
  385. 			this.load();
  386. 			if (strg.on) {
  387. 				this.form();
  388. 				this.mark();
  389. 			}
  390. 		},
  391. 		valid: {
  392. 			focus: [0, 1],
  393. 			desc: [0, 1, 2],
  394. 			flash: [0, 1],
  395. 			ratio: [1, 2],
  396. 			size: [240, 360, 480, 720],
  397. 			quality: [240, 360, 480, 720, 1080],
  398. 			autoShow: [0, 1]
  399. 		},
  400. 		validate: function (property, n) {
  401. 			n = +n;
  402. 			return YTMA.user.valid[property].indexOf(n) > -1 ? n : YTMA.user.defaults()[property];
  403. 		},
  404. 		defaults: function () {
  405. 			return {
  406. 				focus    : 0,
  407. 				desc     : 1,
  408. 				flash    : YTMA.DB.browser.pod || YTMA.DB.browser.ie ? 0 : 1, // if iOS or IE9+, use "html5" player
  409. 				ratio    : 2,
  410. 				size     : 360,
  411. 				quality  : 360,
  412. 				autoShow : 1
  413. 			};
  414. 		},
  415. 		load: function () {
  416. 			var s = strg.grab('ytmasetts', {});
  417. 			YTMA.user.preferences = {
  418. 				flash    : YTMA.user.validate('flash', s.flash),
  419. 				size     : YTMA.user.validate('size', s.size),
  420. 				ratio    : YTMA.user.validate('ratio', s.ratio),
  421. 				desc     : YTMA.user.validate('desc', s.desc),
  422. 				focus    : YTMA.user.validate('focus', s.focus),
  423. 				quality  : YTMA.user.validate('quality', s.quality),
  424. 				autoShow : YTMA.user.validate('autoShow', s.autoShow)
  425. 			};
  426. 			// console.log(YTMA.user.preferences);
  427. 		},
  428. 		save: function (evt) {
  429. 			var e = evt.target;
  430. 			if (e.tagName.toLowerCase() === 'input') {
  431. 				switch (e.name) {
  432. 				case 'ytmaflash':
  433. 					YTMA.user.preferences.flash = +e.checked;
  434. 					break;
  435. 				case 'ytmasize':
  436. 					YTMA.user.preferences.size = +e.value;
  437. 					break;
  438. 				case 'ytmaratio':
  439. 					YTMA.user.preferences.ratio = +e.value;
  440. 					break;
  441. 				case 'ytmainfo':
  442. 					YTMA.user.preferences.desc = +e.value;
  443. 					break;
  444. 				case 'ytmafocus':
  445. 					YTMA.user.preferences.focus = +e.checked;
  446. 					break;
  447. 				case 'ytmaiq':
  448. 					YTMA.user.preferences.quality = +e.value;
  449. 					break;
  450. 				case 'ytmaautoshow':
  451. 					YTMA.user.preferences.autoShow = +e.checked;
  452. 					break;
  453. 				default:
  454. 					return;
  455. 				}
  456. 				YTMA.user.error.className = strg.save('ytmasetts', YTMA.user.preferences) ? 'ytm_none' : '';
  457. 				YTMA.user.load();
  458. 				// console.log('n', YTMA.user.preferences);
  459. 			}
  460. 		},
  461. 		mark: function () {
  462. 			var a = {};
  463. 			a.ytmaflash = !!YTMA.user.preferences.flash;
  464. 			a.ytmafocus = !!YTMA.user.preferences.focus;
  465. 			a.ytmaautoshow = !!YTMA.user.preferences.autoShow;
  466. 			a['ytmaratio' + YTMA.user.preferences.ratio] = true;
  467. 			a['ytmasize' + YTMA.user.preferences.size] = true;
  468. 			a['ytmainfo' + YTMA.user.preferences.desc] = true;
  469. 			a['ytmaiq' + YTMA.user.preferences.quality] = !!YTMA.user.preferences.quality;
  470. 			$$.o(a, function (id, bool) {
  471. 				try {
  472. 					document.getElementById(id).checked = bool;
  473. 				} catch (e) {}
  474. 			});
  475. 		},
  476. 		reset: function () {
  477. 			YTMA.user.preferences = YTMA.user.defaults();
  478. 			YTMA.user.mark();
  479. 			strg.wipe('ytmasetts');
  480. 		},
  481. 		form: function () {
  482. 			var f = [
  483. 				'<div id="ytm_settings"><form action=""><div id="ytm_settingst">ytma! Site Settings</div><div id="ytmaclears">',
  484. 				'<fieldset><legend title="Load descriptions from the content sever.">Get Descriptions</legend><p><span class="ytmahalf"><input id="ytmainfo0" type="radio" value="0" name="ytmainfo"><label for="ytmainfo0">Never</label></span><span class="ytmahalf"><input id="ytmainfo1" type="radio" value="1" name="ytmainfo"><label for="ytmainfo1" title="Load descriptions as they become visible on the screen.">Automatically</label></span><span style="display:inline-block"><input id="ytmainfo2" type="radio" value="2" name="ytmainfo"><label for="ytmainfo2" title="Add descriptions when the page loads.">On page load <small>(Old Method)</small></label></span></p></fieldset>',
  485. 				'<fieldset><legend>Flash Support</legend><p><input name="ytmaflash" type="checkbox" id="ytmaflash" value="f" /><label for="ytmaflash">Use Flash.*</label></p></fieldset>',
  486. 				'<fieldset id="ytmasizefield"><legend>Player Size</legend><p><span class="ytmahalf"><input type="radio" name="ytmasize" value="240" id="ytmasize240" /><label for="ytmasize240">S <small>240p</small></label></span><span class="ytmahalf"><input name="ytmasize" type="radio" id="ytmasize360" value="360" /><label for="ytmasize360">M <small>360p</small></label></span><span class="ytmahalf"><input type="radio" name="ytmasize" value="480" id="ytmasize480" /><label for="ytmasize480">L <small>480p</small></label></span><span class="ytmahalf"><input type="radio" name="ytmasize" value="720" id="ytmasize720" /><label for="ytmasize720">X <small>720p</small></label></span></p></fieldset>',
  487. 				'<fieldset><legend>Quality</legend><p><span class="ytmahalf"><input name="ytmaiq" value="240" id="ytmaiq240" type="radio"><label for="ytmaiq240">240p</label></span><span class="ytmahalf"><input name="ytmaiq" id="ytmaiq360" value="360" type="radio"><label for="ytmaiq360">360p</label></span><span class="ytmahalf"><input name="ytmaiq" value="480" id="ytmaiq480" type="radio"><label for="ytmaiq480">480p</label></span><span class="ytmahalf"><input name="ytmaiq" value="720" id="ytmaiq720" type="radio"><label for="ytmaiq720">720p</label></span><span class="ytmahalf"><input name="ytmaiq" value="1080" id="ytmaiq1080" type="radio"><label for="ytmaiq1080">1080p</label></span></p></fieldset>',
  488. 				'<fieldset><legend>Aspect Ratio</legend><p><span class="ytmahalf"><input name="ytmaratio" type="radio" id="ytmaratio2" value="2" /><label for="ytmaratio2">16:9</label></span><span class="ytmahalf"><input type="radio" name="ytmaratio" value="1" id="ytmaratio1" /><label for="ytmaratio1">4:3</label></span></p></fieldset>',
  489. 				'<fieldset><legend>Player On Scroll</legend><p><input name="ytmaautoshow" id="ytmaautoshow" type="checkbox"><label for="ytmaautoshow">Automatically display WebM/MP4 <code>&lt;video&gt;</code>s, Vine and Soundcloud players.</label></p></fieldset>',
  490. 				'<fieldset><legend>Window Focus</legend><p><input name="ytmafocus" type="checkbox" id="ytmafocus" value="focus" /><label for="ytmafocus">After clicking the thumbnail, set the video at the top of the window.</label></p></fieldset>',
  491. 				'</div><p><small id="ytm_settings_error" class="ytm_none">Error! Your settings could not be saved.</small></p><p id="ytm_opts"><small id="ytmaclose">Close</small> <small id="ytmareset">Reset</small> <small>*Disable this option for iOS and other devices.</small></p></form></div>'
  492. 			].join('');
  493.  
  494. 			YTMA.form = $$.e('div', {className: 'ytm_fix_center ytm_none', innerHTML: f}, document.body);
  495. 			YTMA.user.error = document.getElementById('ytm_settings_error');
  496.  
  497. 			YTMA.form.addEventListener('click', YTMA.user.save, false);
  498. 			document.getElementById('ytmaclose').addEventListener('click', YTMA.user.fn.formToggle, false);
  499. 			document.getElementById('ytmareset').addEventListener('click', YTMA.user.reset, false);
  500. 			document.body.addEventListener('keydown', YTMA.user.fn.formToggleKey, false);
  501. 		},
  502. 		fn: {
  503. 			formToggleKey: function (e) {
  504. 				// press CTRL+SHIFT+Y (or META instead of CTRL) to display settings form
  505. 				if ((e.ctrlKey || e.metaKey) && e.shiftKey && String.fromCharCode(e.which).toLowerCase() === 'y') {
  506. 					e.preventDefault();
  507. 					YTMA.user.fn.formToggle();
  508. 				}
  509. 			},
  510. 			formToggle: function () {
  511. 				YTMA.form.classList.toggle('ytm_none');
  512. 			},
  513. 			showMedia: function () {
  514. 				return new YTMA.Scroll('.ytm_scroll:not([data-scroll="false"])', function (link) {
  515. 					if (YTMA.Scroll.visibleAll(link, 50)) {
  516. 						$$.s('a[data-ytmsid="' + link.dataset.ytmsid + '"]:not([data-scroll="false"])', function (a) {
  517. 							var y = YTMA.set[a.dataset.ytmuid];
  518. 							if (!y.data.open) {
  519. 								// console.log('show');
  520. 								y.show();
  521. 							}
  522. 						});
  523. 					}
  524. 				});
  525. 			},
  526. 			toggleMedia: function () {
  527. 				return new YTMA.Scroll('.ytm_wrap .ytm_player', function (div) {
  528. 					var v = div.querySelector('video'),
  529. 						paused = v && (v.paused || v.ended),
  530. 						y = YTMA.set[div.dataset.ytmuid];
  531.  
  532. 					if (paused && !YTMA.Scroll.visibleAll(div, 0)) {
  533. 						return y.player.switchToPlaceholder();
  534. 					}
  535.  
  536. 					if (y.player.isPlaceholder() && YTMA.Scroll.visibleAll(div, 200)) {
  537. 						return y.player.switchToMedia();
  538. 					}
  539.  
  540. 					// todo ascertain embedded player properties
  541. 					// f = div.querySelector('iframe, object');
  542. 					// if (f && !YTMA.Scroll.visibleAll(div, 200)) {
  543. 						// y.toggle();
  544. 					// }
  545. 				});
  546. 			},
  547. 			onScrollViewMedia: function () {
  548. 				this.showMedia();
  549. 				this.toggleMedia();
  550. 			},
  551. 			onScrollViewDescriptions: function () {
  552. 				var scroller = new YTMA.Scroll('.ytm_manual a:not(.ytm_error)', function (a) {
  553. 					if (YTMA.Scroll.visibleAll(a, 200)) {
  554. 						var d = a.dataset;
  555. 						YTMA.ajax.load(d.site, d.id, d.uri);
  556. 						// console.log('doc', document.querySelectorAll(scroller.selector).length, a.dataset.id);
  557. 					}
  558.  
  559. 					if (document.querySelectorAll(scroller.selector).length === 0) {
  560. 						scroller.stop();
  561. 					}
  562. 				});
  563. 			}
  564. 		}
  565. 	};
  566.  
  567. 	YTMA.css = function () {
  568. 		update.css(['\n/* ytma! */\n.ytm_clear,.ytm_wrap,.ytm_video{position:relative;clear:both;text-align:left;border:0;margin:0;padding:0;display:block}.ytm_clear{overflow:auto;margin:0 0 6px}#ytm_settings,.arialsans{font-family:Arial,Helvetica,sans-serif!important}.ytm_links{line-height: 1.2;display:block;width:118px;height:66px;overflow:hidden;font-style:normal;background-color:#262626!important;cursor:pointer;background-position:-1px -12px;position:relative;float:left;box-shadow:2px 2px rgba(0, 0, 0, 0.3);margin:4px;background-size:auto 90px !important;}.ytm_links:hover{box-shadow: 2px 2px #9eae9e;opacity:.95}.ytm_links img{border:0;opacity:1;top:28px;left:42px;z-index:9;position:absolute}.ytm_links:hover img{opacity:.9}.ytm_init{display:block;background:rgba(11, 11, 11, 0.62);color:#fff;text-shadow:#333 0 0 2px;text-align:left;font-size:11px;margin:0;padding:3px 6px;height:12px;}.ytm_wrap{overflow:hidden;font-style:normal;margin:3px 0 0;padding:1px 2px} ul.ytm_bar{overflow:hidden;margin:0 !important;padding:3px 0 1px;list-style-position:outside !important}.ytm_bar li{display: inline;margin:0!important;padding:0!important}.ytm_bar li > ul {display: inline-block; margin: 0; padding: 0 1px 0 0;}.ytm_bar li ul li{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;list-style-type:none;cursor:pointer;float:left;color:#858585;border:1px solid #1d1d1d;border-bottom:1px solid #000;border-top:1px solid #292929;box-shadow:0 0 1px #555;height:14px;font-size:12px!important;line-height:12px!important;background:#222;background:linear-gradient(#2D2C2C, #222222);margin:0 !important;padding:5px 9px 3px !important}.ytm_bar li ul li:first-child{border-radius:2px 0 0 2px}.ytm_li_mid{border-left:0!important}.ytm_bar li ul li:last-child{border-left:0!important;border-radius:0 2px 2px 0;margin:0 2px 0 0 !important}.ytm_bar li ul li:first-child:last-child{border-radius: 2px;}.ytm_li_setting{border-radius:2px}.ytm_bar li ul li:hover{color:#ccc;text-shadow:1px 1px 0 #333;background:#181818} .ytm_bar li ul li[id]{color:#ddd;text-shadow:0 0 2px #444} .ytm_loading{font-style:italic;background:url(', YTMA.img.css.load, ') 0 3px no-repeat;padding: 1px 1.5em}.ytm_link{background:url(', YTMA.img.fav.youtube, ') 2px -1px no-repeat !important;border-radius:1px;padding:0 3px 0 21px !important}.ytm_link.ytm_link_vimeo{background:url(', YTMA.img.fav.vimeo, ') 3px 2px no-repeat !important;padding:0 3px 0 16px !important}.ytm_link.ytm_link_vine{background:url(', YTMA.img.fav.vine, ') 3px 2px no-repeat !important;background-size: 10px 10px !important;padding:0 3px 0 16px !important}.ytm_link.ytm_link_soundcloud{background:url(', YTMA.img.fav.soundcloud, ') 1px 1px no-repeat !important;padding:0 0 0 16px !important}.ytm_link b,.ytm_link strong{font-weight:400!important}.ytm_link u{text-decoration:none}.ytm_link i,.ytm_link em{font-style:normal}.ytm_link:hover{background-color:#fff}.ytm_title{float:left;max-width:500px;font-style:normal;font-weight:700;margin:5px 0 0 3px;font-size:.9em}.ytm_error{color:#CC2F24;font-style:italic} q[ondblclick]{cursor:pointer}.ytm_descr{display:block;word-wrap:break-word;font-weight:400;max-height:48px;overflow:auto;padding-right:20px}.ytm_descr_open{resize:both;white-space:pre-line;}.ytm_descr_open[style]{max-height:none}#ytm_settings{z-index: 99999;font-size:12px;max-width:410px;border-radius:3px;background:#fbfbfb;border:1px solid #bbb;color:#444;box-shadow:0 0 5px rgba(0,0,0,.2), 0 0 3px rgba(239,239,239,.1) inset;margin:10% auto;padding:4px 8px 0}#ytm_settings *{font-weight:400}#ytm_settings p{font-size:12px;clear:both;margin:5px 0;padding:0}#ytmaclears{overflow:hidden}#ytm_settings fieldset{vertical-align:top;border-radius:3px;border:1px solid #ccc;display:inline-block;width:180px;margin:0 2px}#ytm_settings p>input{margin:3px 3px 0 4px !important}#ytm_settings p>span>input[type=radio]{margin:3px 5px!important}#ytm_settingst{font-size:14px;border-bottom:1px solid #D00;margin:3px 0 9px;padding:0 3px 3px}#ytm_settings .ytmahalf{width:80px;display:inline-block}#ytm_settings .ytmahalf label{width:50px;display:inline-block;cursor:pointer}#ytm_settings_error{font-weight:700;color:#d00}#ytm_settings small{font-size:11px}#ytm_opts small[id]{cursor:pointer;display:inline-block;margin:10px 5px 8px 2px;padding:0 3px; border: 1px solid #adadad; border-radius:2px}#ytm_opts small[id]:hover{background:#ddd}.ytm_none,.ytm_link br{display:none} .ytm_fix_center {position:fixed; left:0; top:0; height:90%; width:90%}',
  569. 			'.ytm_video{background:#000}.ytm_placeholder[data-empty="true"]{background:#111}.ytm_placeholder[data-empty="true"]:after{cursor:cell; color: #0E0E0E; content: "YTMA!"; display: block; font-size: 85px; font-style: italic; font-weight: bold; left: 50%; position: absolute; text-shadow:2px 1px #181818, -1px -1px #0A0A0A; top: 50%; transform: translate(-50%, -50%); }',
  570. 			'.ytm_player_s .ytm_video {width:426px;height:240px} .ytm_player_m .ytm_video {width:640px;height:360px} .ytm_player_l .ytm_video {width:853px;height:480px} .ytm_player_xl .ytm_video {width:1280px;height:720px}',
  571. 			'.ytm_player_s.ytm_player_sd .ytm_video{width:320px} .ytm_player_m.ytm_player_sd .ytm_video{width:480px} .ytm_player_l.ytm_player_sd .ytm_video{width:640px} .ytm_player_xl.ytm_player_sd .ytm_video{width:960px}',
  572. 			'.ytm_player_s.ytm_player_pr .ytm_video{height:320px;width:180px} .ytm_player_m.ytm_player_pr .ytm_video{height:480px;width:270px} .ytm_player_l.ytm_player_pr .ytm_video{height:640px;width:360px} .ytm_player_xl.ytm_player_pr .ytm_video{height:960px;width:540px}',
  573. 			'.ytm_site_vine .ytm_links {background-color:lightgreen !important;background-size: 120px auto !important;}',
  574. 			'.ytm_site_vine .ytm_player_s .ytm_video{width:240px;height:240px} .ytm_site_vine .ytm_player_m .ytm_video{width:360px;height:360px} .ytm_site_vine .ytm_player_l .ytm_video{width:480px;height:480px} .ytm_site_vine .ytm_player_xl .ytm_video{width:720px;height:720px}',
  575. 			'.ytm_site_vine .ytm_bar :first-child ul, .ytm_site_soundcloud .ytm_bar ul:not(.ytm_options){display:none} .ytm_site_soundcloud .ytm_video{height: 81px !important;}',
  576. 			'.ytm_link.ytm_link_html5 {background: none !important;margin:0 4px;padding: 0 !important;} .ytm_clear.ytm_site_slim {display:inline} .ytm_site_slim .ytm_links{background:#E34C26 !important;height: auto;box-shadow: 0 0 2px #FFDB9D inset, 2px 2px rgba(0, 0, 0, 0.3); margin: 0 3px 0 0;width: auto; transition:all 0.3s ease-in-out 0s} .ytm_site_slim .ytm_links:hover { opacity:.8 } .ytm_site_slim .ytm_init{background:transparent;text-shadow:0 0 1px #f06529;border: 1px solid #f06529; padding: 2px 5px}.ytm_init:after{ content: "\\25B6"; float: right; font-size: 110%;line-height:1em; padding: 0 0 0 6px; }',
  577. 			'.ytm_player_h{height:0 !important;width:0 !important}'].join(''));
  578. 	};
  579.  
  580. 	YTMA.ajaxQueue = {
  581. 		init: function () {
  582. 			$$.o(YTMA.DB.ajax, function (site) {
  583. 				YTMA.ajaxQueue.sites[site] = {
  584. 					set: {},
  585. 					current: 0,
  586. 					length: 0,
  587. 					throttle: null,
  588. 					timeout: 10000
  589. 				};
  590. 			});
  591. 		},
  592. 		sites: {},
  593. 		add: function (site, id, uri) {
  594. 			if (this.sites[site] && !this.sites[site].set[id]) {
  595. 				this.sites[site].set[id] = uri;
  596. 				this.sites[site].length += 1;
  597. 			}
  598. 		},
  599. 		remove: function (site, id) {
  600. 			if (this.sites[site] && this.sites[site].set[id]) {
  601. 				delete this.sites[site].set[id];
  602. 				this.sites[site].length -= 1;
  603. 			}
  604. 		}
  605. 	};
  606.  
  607. 	YTMA.ajax = {
  608. 		maxBatch: 50,
  609. 		interval: 250,
  610. 		start: function () {
  611. 			var time = 100;
  612. 			if (YTMA.ajaxQueue.sites.youtube.length > 100) {
  613. 				time = 2500;
  614. 				YTMA.ajaxQueue.sites.youtube.timeout = 15000;
  615. 			}
  616. 			$$.o(YTMA.DB.ajax, function (site) { return new YTMA.ajax.Batch(site, time); });
  617. 		},
  618. 		load: function (site, id, uri) {
  619. 			var cache = YTMA.external.dataFromStorage(site, id);
  620. 			// console.log('load', site, id, uri, cache);
  621.  
  622. 			if (cache) {
  623. 				return YTMA.external.populate(cache);
  624. 			}
  625.  
  626. 			if (YTMA.DB.csr[site]) {
  627. 				return this.gmxhr(uri, site, id);
  628. 			}
  629.  
  630. 			if (YTMA.DB.ajax[site]) {
  631. 				uri = YTMA.DB.ajax[site].replace('%key', id).replace('%uri', uri);
  632. 				return this.xhr(uri, site, id);
  633. 			}
  634. 		},
  635. 		gmxhr: function (uri, site, id) {
  636. 			if (typeof GM_xmlhttpRequest === 'function') {
  637. 				// alert('gmxhr starting!');
  638. 				// console.log('gmxhr starting!');
  639. 				YTMA.ajax.preProcess(id);
  640. 				GM_xmlhttpRequest({
  641. 					method: 'GET',
  642. 					url: uri,
  643. 					onload: function (response) {
  644. 						YTMA.external.parse(response.responseText, site, id);
  645. 					},
  646. 					onerror: function () {
  647. 						// console.log('GM Cannot XHR');
  648. 						YTMA.ajax.failure.call({id: id});
  649. 					}
  650. 				});
  651. 			} else if (YTMA.DB.extension) {
  652. 				// console.log('attempting cs xhr');
  653. 				this.xhr(uri, site, id);
  654. 			}
  655. 		},
  656. 		xhr: function (uri, site, id) {
  657. 			var x = new XMLHttpRequest();
  658. 			// console.log('xhr', uri, id, site);
  659.  
  660. 			YTMA.ajax.preProcess(id);
  661.  
  662. 			x.onreadystatechange = function () {
  663. 				if (this.readyState === this.DONE) {
  664. 					// console.log(this.readyState, this.status);
  665. 					if (this.status === 200) {
  666. 						YTMA.external.parse(this.responseText, site, id);
  667. 					} else if (this.status === 403) {
  668. 						YTMA.external.populate({site: site, id: id, title: 'Error 403', desc: ''});
  669. 						YTMA.external.save({site: site, id: id, title: 'Error 403', desc: ''});
  670. 					} else { // if (this.status >= 400 || this.status === 0) {
  671. 						YTMA.ajax.failure.call({id: id});
  672. 					}
  673. 				}
  674. 			};
  675.  
  676. 			try {
  677. 				x.open('get', uri, true);
  678. 				x.send();
  679. 			} catch (e) {
  680. 				// console.error('Cannot send xhr', e.message);
  681. 				YTMA.ajax.failure.call({id: id});
  682. 			}
  683. 		},
  684. 		failure: function () {
  685. 			$$.s('.ytm_title._' + YTMA.escapeId(this.id), function (el) {
  686. 				var a = el.querySelector('a');
  687. 				a.dataset.tries = a.dataset.tries ? parseFloat(a.dataset.tries) + 1 : 1;
  688. 				a.textContent = 'Error, unable to load data. [Retry ' + (a.dataset.tries > 0 ? a.dataset.tries : '') + ']';
  689. 				a.className = 'ytm_error';
  690. 			});
  691. 		},
  692. 		preProcess: function (id) {
  693. 			$$.s('.ytm_manual._' + YTMA.escapeId(id) + ' a', function (el) {
  694. 				el.classList.add('ytm_loading');
  695. 				el.textContent = 'Loading data . . .';
  696. 				el.title = 'Retry loading data.';
  697. 			});
  698. 		}
  699. 	};
  700.  
  701. 	/** B A T C H Class
  702. 	 *  Creates and loads Cross-site XHR in batches
  703. 	 *  @param site Site
  704. 	 *  @param time Milliseconds to start loading the queue
  705. 	 */
  706. 	YTMA.ajax.Batch = function (site, time) {
  707. 		this.site = site;
  708. 		this.queue = YTMA.ajaxQueue.sites[site];
  709. 		// console.log(site, this.queue);
  710. 		this.descriptionsFromStorage();
  711. 		if (YTMA.user.preferences.desc === 2) {
  712. 			this.pause(time);
  713. 		}
  714. 	};
  715.  
  716. 	YTMA.ajax.Batch.prototype = {
  717. 		constructor: YTMA.ajax.Batch,
  718. 		descriptionsFromStorage: function () {
  719. 			$$.o(this.queue.set, this.loadDescription.bind(this));
  720. 		},
  721. 		clear: function () {
  722. 			// console.log('clear', this.queue.throttle);
  723. 			window.clearInterval(this.queue.throttle);
  724. 		},
  725. 		pause: function (ms) { // console.log('pause queue.throttle');
  726. 			this.clear();
  727. 			if (this.queue.length > 0) {
  728. 				// console.log('throttling: ' + ms);
  729. 				window.setTimeout(this.start.bind(this), ms);
  730. 			}
  731. 		},
  732. 		start: function () {
  733. 			this.clear();
  734. 			// console.log('start', this.queue.length);
  735. 			this.queue.throttle = window.setInterval(this.loader.bind(this), YTMA.ajax.interval);
  736. 		},
  737. 		loader: function () {
  738. 			if (this.queue.length > 0) {
  739. 				$$.o(this.queue.set, this.next.bind(this));
  740. 			} else {
  741. 				this.clear(); // console.log('loader queue.throttle');
  742. 			}
  743. 		},
  744. 		loadDescription: function (id) { // console.log('current:', id, this.queue.current);
  745. 			var data = YTMA.external.dataFromStorage(this.site, id);
  746. 			if (data) {
  747. 				// console.log('from strg', id);
  748. 				YTMA.external.populate(data);
  749. 				YTMA.ajaxQueue.remove(this.site, id);
  750. 			}
  751. 		},
  752. 		next: function (id) { //console.log('nx current:', id, this.queue.length, this.queue.current);
  753. 			this.queue.current += 1;
  754.  
  755. 			YTMA.ajax.load(this.site, id, this.queue.set[id]);
  756. 			YTMA.ajaxQueue.remove(this.site, id);
  757.  
  758. 			if (this.queue.current > 0 && this.queue.current % YTMA.ajax.maxBatch === 0) {
  759. 				this.pause(this.queue.timeout);
  760. 				return false;
  761. 			}
  762. 		}
  763. 	};
  764.  
  765. 	/** E X T E R N A L Access 
  766. 	 * Data from external sites
  767. 	 */
  768. 	YTMA.external = {
  769. 		version: 'ytma.4.1.dat',
  770. 		parse: function (response, site, id) {
  771. 			if (this.parsers[site]) {
  772. 				response = YTMA.DB.csr[site] ? response : JSON.parse(response);
  773. 				this.populate(this.helper.cutDescription(this.parsers[site](response, id)));
  774. 			}
  775. 		},
  776. 		parsers: {
  777. 			soundcloud: function (j, id) {
  778. 				return {
  779. 					site: 'soundcloud',
  780. 					id: id, //unescape(j.html).match(/tracks\/(\d+)/)[1],
  781. 					title: j.title,
  782. 					desc: j.description,
  783. 					th: j.thumbnail_url //,
  784. 					// embd: j.html
  785. 				};
  786. 			},
  787. 			vimeo: function (j) {
  788. 				j = j[0];
  789. 				return {
  790. 					site: 'vimeo',
  791. 					id: j.id,
  792. 					title: j.title + ' ' + YTMA.external.helper.time(j.duration),
  793. 					desc: j.description.replace(/<br.?.?>/g, ''),
  794. 					th: unescape(j.thumbnail_medium)
  795. 				};
  796. 			},
  797. 			youtube: function (j) {
  798. 				j = j.entry;
  799. 				var o = {
  800. 					site: 'youtube',
  801. 					id: j.media$group.yt$videoid.$t,
  802. 					error: !j.media$group.yt$duration
  803. 				};
  804. 				if (!o.error) {
  805. 					o.title = j.title.$t + ' ' + YTMA.external.helper.time(j.media$group.yt$duration.seconds);
  806. 					o.desc = j.media$group.media$description.$t;
  807. 				}
  808. 				return o;
  809. 			},
  810. 			vine: function (html, id) {
  811. 				var o, doc = document.implementation.createHTMLDocument("");
  812. 				doc.documentElement.innerHTML = html;
  813.  
  814. 				o = {
  815. 					site: 'vine',
  816. 					id: id, //doc.querySelector('meta[property="twitter:app:url:googleplay"]').content.split('/').slice(-1),
  817. 					title: doc.querySelector('meta[property="twitter:title"]').content,
  818. 					desc: doc.querySelector('meta[property="twitter:description"]').content,
  819. 					th: doc.querySelector('meta[property="twitter:image"]').content.split('?')[0]
  820. 				};
  821.  
  822. 				doc = null;
  823.  
  824. 				return o;
  825. 			}
  826. 		},
  827. 		set: function (data) {
  828. 			if (!this.db[data.site]) {
  829. 				this.db[data.site] = {};
  830. 			}
  831. 			this.db[data.site][data.id] = data;
  832. 			return this.save();
  833. 		},
  834. 		unset: function (data) {
  835. 			// console.log('unset', data.id);
  836. 			if (data.site) {
  837. 				delete this.db[data.site][data.id];
  838. 				return this.save();
  839. 			}
  840. 		},
  841. 		limitDB: function (max) {
  842. 			var i, x = 0, half = Math.round(max / 2), db = {};
  843.  
  844. 			if (Object.keys(this.db).length >= max) {
  845. 				for (i in this.db) {
  846. 					if (this.db.hasOwnProperty(i)) {
  847. 						if (x >= half) {
  848. 							break;
  849. 						}
  850. 						db[i] = this.db[i];
  851. 						x++;
  852. 					}
  853. 				}
  854. 				this.db = db;
  855. 			}
  856.  
  857. 			return this.db;
  858. 		},
  859. 		save: function () {
  860. 			return strg.save(this.version, this.limitDB(1200));
  861. 		},
  862. 		helper: {
  863. 			cutDescription: function (data) {
  864. 				if (data.desc && data.desc.length > 140) {
  865. 					data.full = data.desc;
  866. 					data.desc = data.desc.substr(0, 130) + ' . . .';
  867. 				}
  868. 				return data;
  869. 			},
  870. 			time: function (secs) {
  871. 				var p = '', H, M, S;
  872. 				try {
  873. 					H = Math.floor(secs / 3600) % 60;
  874. 					M = H ? ('0' + Math.floor(secs / 60) % 60).slice(-2) : Math.floor(secs / 60) % 60;
  875. 					S = ('0' + secs % 60).slice(-2);
  876. 					p = [' (', H ? H + ':' : '', M, ':', S, ')'].join('');
  877. 				} catch (e) {}
  878. 				return p;
  879. 			},
  880. 			thumbnail: function (data) {
  881. 				$$.s('[data-ytmid="%id"].ytm_links'.replace('%id', data.id), function (el) {
  882. 					el.setAttribute('style', 'background: url(' + data.th + ')');
  883. 				});
  884. 			},
  885. 			titleToggle: function () {
  886. 				this.className = this.className === 'ytm_descr' ? 'ytm_descr ytm_descr_open' : 'ytm_descr';
  887. 				this.textContent = this.textContent.length < 140 ? this.dataset.full : this.dataset.full.substr(0, 130) + ' . . .';
  888. 				this.removeAttribute('style');
  889. 			}
  890. 		},
  891. 		validate: function (data) {
  892. 			if (!data || !data.id || data.error) {
  893. 				return YTMA.ajax.failure.call(data);
  894. 			}
  895.  
  896. 			if (data.id && !data.title && !data.desc) {
  897. 				this.unset(data.id);
  898. 				return YTMA.ajax.failure.call(data);
  899. 			}
  900.  
  901. 			return true;
  902. 		},
  903. 		populate: function (data, ignoreValidation) {
  904. 			if (!ignoreValidation && !this.validate(data)) { return; }
  905.  
  906. 			this.set(data);
  907.  
  908. 			if (data.th) { this.helper.thumbnail(data); }
  909.  
  910. 			$$.s('.ytm_title._' + YTMA.escapeId(data.id), function (el) {
  911. 				var q;
  912. 				el.textContent = data.title;
  913. 				if (data.desc) {
  914. 					q = $$.e('q', { className: 'ytm_descr', textContent: data.desc }, el);
  915. 					if (data.full) {
  916. 						q.dataset.full = data.full;
  917. 						q.title = 'Click to toggle the length of the description.';
  918. 						q.ondblclick = YTMA.external.helper.titleToggle;
  919. 					}
  920. 				}
  921. 			});
  922. 		},
  923. 		dataFromStorage: function (site, id) {
  924. 			if (this.db && this.db[site]) {
  925. 				return this.db[site][id];
  926. 			}
  927. 		}
  928. 	};
  929. 	YTMA.external.db = strg.grab(YTMA.external.version, {});
  930.  
  931. 	/** Database */
  932. 	YTMA.DB = {
  933. 		extension: window.chrome && window.chrome.extension,
  934. 		slim: {
  935. 			html5: true
  936. 		},
  937. 		dataless: {
  938. 			html5: true,
  939. 			gfycat: true
  940. 		},
  941. 		scroll: {
  942. 			html5: true,
  943. 			soundcloud: true
  944. 		},
  945. 		sites: {
  946. 			youtube: 'https://www.youtube-nocookie.com/',
  947. 			vimeo: 'http://vimeo.com/',
  948. 			vine: 'https://vine.co/',
  949. 			gfycat: 'https://gfycat.com/',
  950. 			html5: true,
  951. 			soundcloud: 'https://soundcloud.com'
  952. 		},
  953. 		browser: {
  954. 			pod: YTMA.reg.ios.test(navigator.userAgent),
  955. 			ie: !document.body.addEventListener && document.selection // IE, basically | window.navigator.cpuClass
  956. 		},
  957. 		player: {
  958. 			ratio: {
  959. 				SD: 1,
  960. 				HD: 2,
  961. 				PORTRAIT: 3
  962. 			},
  963. 			size: {
  964. 				HIDDEN: 0,
  965. 				S: 240,
  966. 				M: 360,
  967. 				L: 480,
  968. 				X: 720
  969. 			}
  970. 		},
  971. 		playerSize: {
  972. 			ratios: {
  973. 				1: 'sd',
  974. 				2: '',
  975. 				3: 'pr'
  976. 			},
  977. 			sizes: {
  978. 				0   : 'h',
  979. 				240 : 's',
  980. 				360 : 'm',
  981. 				480 : 'l',
  982. 				720 : 'xl'
  983. 			},
  984. 			get: function (ratio, size) {
  985. 				return 'ytm_player ytm_player_' + this.ratios[ratio] + ' ytm_player_' + this.sizes[size];
  986. 			}
  987. 		},
  988. 		ratios: {
  989. 			1: 3 / 4,
  990. 			2: 9 / 16,
  991. 			3: 16 / 10
  992. 		},
  993. 		sizes: {
  994. 			0   : 0,
  995. 			240 : 360,
  996. 			360 : 640,
  997. 			480 : 853,
  998. 			720 : 1280
  999. 		},
  1000. 		qualities: {
  1001. 			240  : 'small',
  1002. 			360  : 'medium',
  1003. 			480  : 'large',
  1004. 			720  : 'hd720',
  1005. 			1080 : 'hd1080',
  1006. 			1081 : 'highres',
  1007. 			get: function (quality) {
  1008. 				return this[quality] || this[360];
  1009. 			}
  1010. 		},
  1011. 		ajax: {
  1012. 			youtube: 'https://gdata.youtube.com/feeds/api/videos/%key?v=2&alt=json',
  1013. 			vimeo: 'https://vimeo.com/api/v2/video/%key.json',
  1014. 			soundcloud: 'https://soundcloud.com/oembed?format=json&url=%uri'
  1015. 			// vine: 'https://vine.co/v/%key'
  1016. 		},
  1017. 		csr: { // cross-site request
  1018. 			vine: true
  1019. 		},
  1020. 		sources: {
  1021. 			html5: function () {
  1022. 				return [{src: this.parent.data.uri}];
  1023. 			},
  1024. 			gfycat: function () {
  1025. 				return [{type: 'text/html', src: 'https://gfycat.com/iframe/' + this.parent.data.id }, false];
  1026. 			},
  1027. 			youtube: function () {
  1028. 				return [
  1029. 					{type: 'text/html', src: YTMA.DB.sites[this.parent.data.site] + 'embed/' + this.parent.data.id + '?version=3&theme=dark&color=white&showinfo=1&vq=' + this.$quality + '#at=' + this.$start},
  1030. 					{type: 'application/x-shockwave-flash', src: YTMA.DB.sites[this.parent.data.site] + 'v/' + this.parent.data.id + '?version=3&theme=dark&color=white&showinfo=1&vq=' + this.$quality + '&start=' + this.$start}
  1031. 				];
  1032. 			},
  1033. 			vimeo: function () {
  1034. 				return [{type: 'text/html', src: 'http://player.vimeo.com/video/' + this.parent.data.id + '?badge=0'}, false];
  1035. 			},
  1036. 			vine: function () {
  1037. 				return [{type: 'text/html', src: 'https://vine.co/v/' + this.parent.data.id + '/embed/simple'}, false]; // card
  1038. 			},
  1039. 			soundcloud: function () { // https://p1.soundcloud.com/player.swf?referer=&url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F101399476
  1040. 				return [{type: 'application/x-shockwave-flash', src: 'https://p1.soundcloud.com/player.swf?show_comments=false&url=' + this.parent.data.uri}, false];
  1041. 			}
  1042. 		}
  1043. 	};
  1044.  
  1045. 	/** P L A Y E R CLASS
  1046. 	 *  @param parent YTMA instance
  1047. 	 */
  1048. 	YTMA.Player = function (parent) {
  1049. 		this.parent = parent;
  1050. 		this.$quality = this.$size = this.$ratio = this.$source = null;
  1051. 		this.$start = this.time();
  1052. 		this.$quality = YTMA.DB.qualities.get(YTMA.user.preferences.quality);
  1053. 		this.$source = YTMA.DB.sources[this.parent.data.site].call(this);
  1054.  
  1055. 		this.$media = this.mediaFrame();
  1056. 		this.$proxy = $$.e('div', {className: 'ymt_proxy'}, this.$media, true);
  1057. 		this.$placeholder = $$.e('div', {className: 'ytm_placeholder ytm_video'});
  1058. 		this.$placeholder.dataset.empty = true;
  1059.  
  1060. 		this.$player = $$.e('div', {className: 'ytm_player', '$data-ytmuid': this.parent.data.uid}, this.$placeholder, true);
  1061.  
  1062. 		this.dimmensions(YTMA.user.preferences.ratio, YTMA.user.preferences.size);
  1063. 	};
  1064.  
  1065. 	YTMA.Player.prototype = {
  1066. 		constructor: YTMA.Player,
  1067. 		dimmensions: function (ratio, size) {
  1068. 			this.$ratio = isNumber(ratio) ? ratio : this.$ratio;
  1069. 			this.$size = isNumber(size) ? size : this.$size;
  1070. 			this.$player.className = YTMA.DB.playerSize.get(this.$ratio, this.$size);
  1071. 		},
  1072. 		reset: function () {
  1073. 			this.dimmensions();
  1074. 			this.parent.events.select.call(this.parent,
  1075. 				this.parent.ul.querySelector('li[data-value="' + this.$size + '"]'), 'size');
  1076. 		},
  1077. 		time: function () {
  1078. 			try {
  1079. 				var m = this.parent.data.uri.match(YTMA.reg.time).slice(1, 3);
  1080. 				return ((+m[0] || 0) * 60) + (+m[1] || 0);
  1081. 			} catch (e) { return 0; }
  1082. 		},
  1083. 		mediaFrame: function () {
  1084. 			if (this.parent.data.site === 'html5') {
  1085. 				return $$.e('video', {
  1086. 					src: this.$source[0].src,
  1087. 					controls: true,
  1088. 					autoplay: false,
  1089. 					loop: true,
  1090. 					className: 'ytm_video',
  1091. 					$allowscriptaccess: true,
  1092. 					preload: 'metadata'
  1093. 				});
  1094. 			}
  1095. 			if (YTMA.user.preferences.flash === 1 && this.$source[1]) {
  1096. 				return $$.a($$.e('object', {$type: this.$source[1].type, data: this.$source[1].src, className: 'ytm_video'}),
  1097. 					$$.e('param', {name: 'movie', value: this.$source[1].src}),
  1098. 					$$.e('param', {name: 'AllowScriptAccess', value: 'always'}),
  1099. 					$$.e('param', {name: 'wmode', value: 'opaque'}),
  1100. 					$$.e('param', {name: 'allowFullScreen', value: 'true'}));
  1101. 			}
  1102. 			return $$.e('iframe', {$allowfullscreen: true, $type: this.$source[0].type, src: this.$source[0].src, className: 'ytm_video'});
  1103. 		},
  1104. 		removeMedia: function () {
  1105. 			this.mode = 'remove';
  1106. 			try {
  1107. 				this.$placeholder.removeChild(this.$proxy);
  1108. 			} catch (e) {
  1109. 				// console.error(e);
  1110. 			}
  1111. 			// console.log('removed media');
  1112. 		},
  1113. 		switchToMedia: function () {
  1114. 			if (this.$size === 0) { this.reset(); }
  1115. 			this.mode = 'media';
  1116. 			// console.log('switch to media');
  1117. 			this.$placeholder.appendChild(this.$proxy);
  1118. 			this.$placeholder.dataset.empty = false;
  1119. 		},
  1120. 		switchToPlaceholder: function () {
  1121. 			this.mode = 'placeholder';
  1122. 			// console.log('switch to placeholder');
  1123. 			this.$placeholder.removeChild(this.$proxy);
  1124. 			this.$placeholder.dataset.empty = true;
  1125. 		},
  1126. 		isPlaceholder: function () {
  1127. 			return this.mode === 'placeholder';
  1128. 		}
  1129. 	};
  1130.  
  1131. 	YTMA.prototype = {
  1132. 		constructor: YTMA,
  1133. 		events: {
  1134. 			videoBar: function (evt) {
  1135. 				var e = evt.target,
  1136. 					n = parseInt(e.dataset.value, 10),
  1137. 					t = e.dataset.type;
  1138.  
  1139. 				if (e.tagName.toLowerCase() === 'li') { // maybe: this.settings.fire[t].call(this, e, n)
  1140. 					if (t === 'settings') {
  1141. 						YTMA.user.fn.formToggle();
  1142. 					} else if (t === 'close') {
  1143. 						if (this.data.site === 'html5') {
  1144. 							this.dom.closeAll(this.data.id);
  1145. 						} else {
  1146. 							this.dom.disableOpenOnScroll.call(this);
  1147. 							this.toggle();
  1148. 						}
  1149. 					} else if (t === 'ratio') {
  1150. 						this.player.dimmensions(n);
  1151. 						this.events.select.call(this, e, 'ratio');
  1152. 					} else if (t === 'size') {
  1153. 						this.player.dimmensions(null, n);
  1154. 						this.events.select.call(this, e, 'size');
  1155. 					}
  1156. 				}
  1157. 			},
  1158. 			select: function (e, type) {
  1159. 				e.id = type + this.data.uid;
  1160. 				try {
  1161. 					this.selected[type].removeAttribute('id');
  1162. 				} catch (er) {}
  1163. 				this.selected[type] = e;
  1164. 			},
  1165. 			manualLoad: function (e) {
  1166. 				// console.log(this);
  1167. 				e.preventDefault();
  1168. 				var d = e.target.dataset;
  1169. 				YTMA.ajax.load(d.site, d.id, d.uri);
  1170. 			}
  1171. 		},
  1172. 		selected: {
  1173. 			size: null,
  1174. 			ratio: null
  1175. 		},
  1176. 		setup: function (link) {
  1177. 			this.dom.mod[this.data.site].call(this, link);
  1178. 			this.dom.link.call(this, link);
  1179. 			this.dom.span.call(this);
  1180. 		},
  1181. 		dom: {
  1182. 			closeAll: function (id) {
  1183. 				var group = YTMA.collect(id);
  1184. 				// console.log('closing', group.length);
  1185. 				group.forEach(function (y) {
  1186. 					// y.dom.disableOpenOnScroll.call(y);
  1187. 					y.a.dataset.scroll = false;
  1188. 					y.toggle();
  1189. 				});
  1190. 			},
  1191. 			disableOpenOnScroll: function () {
  1192. 				this.a.dataset.scroll = false;
  1193. 			},
  1194. 			list: function (className, elements) {
  1195. 				var li = $$.e('li'),
  1196. 					ul = $$.e('ul', {className: className}, li),
  1197. 					f = document.createDocumentFragment(),
  1198. 					i,
  1199. 					e;
  1200.  
  1201. 				for (i = 0; i < elements.length; i++) {
  1202. 					e = elements[i];
  1203. 					if (e) {
  1204. 						f.appendChild(this.dom.li.call(this, e.type, e.text, e.value, e.title));
  1205. 					}
  1206. 				}
  1207. 				ul.appendChild(f);
  1208. 				return li;
  1209. 			},
  1210. 			li: function (type, txt, value, title) {
  1211. 				var l = $$.e('li', {'$data-type': type, textContent: txt, '$data-value': value, title: title});
  1212. 				if ((type === 'size' && this.player.$size === value) || (type === 'ratio' && this.player.$ratio === value)) {
  1213. 					this.events.select.call(this, l, type);
  1214. 				}
  1215. 				return l;
  1216. 			},
  1217. 			link: function (link) {
  1218. 				if (link.getElementsByTagName('img').length === 0) {
  1219. 					link.className += ' ytm_link ytm_link_' + this.data.site + ' ';
  1220. 				}
  1221. 				link.dataset.ytmid = this.data.id;
  1222. 				link.dataset.ytmuid = this.data.uid;
  1223. 				link.dataset.ytmsid = this.data.sid;
  1224. 				link.title = 'Visit the video page.';
  1225. 				link.parentNode.insertBefore(this.wrs, link.nextSibling);
  1226. 			},
  1227. 			mod: { // modifies the link and other site-specific items
  1228. 				youtube: function (a) {
  1229. 					this.spn.title = 'YTMA!';
  1230. 					this.spn.addEventListener('mouseenter', this.thumb.start.bind(this), false);
  1231. 					this.spn.addEventListener('mouseleave', this.thumb.stop, false);
  1232. 					this.spn.style.backgroundImage = ['url(https://i3.ytimg.com/vi/', this.data.id, '/1.jpg)'].join('');
  1233. 					a.href = a.href.replace('http:', 'https:').replace('youtu.be/', 'youtube.com/watch?v=');
  1234. 				},
  1235. 				vimeo: function () {
  1236. 					this.spn.title = 'Vimeo Me Too!';
  1237. 				},
  1238. 				vine: function () {
  1239. 					this.spn.title = 'Vine Me!';
  1240. 				},
  1241. 				soundcloud: function () {
  1242. 					this.spn.title = 'Sound Off!';
  1243. 				},
  1244. 				html5: function () {
  1245. 					this.spn.title = 'HTML5 Me!';
  1246. 				},
  1247. 				gfycat: function () {
  1248. 					this.spn.style.backgroundImage = ['url(https://thumbs.gfycat.com/', this.data.id, '-poster.jpg)'].join('');
  1249. 					this.spn.title = 'Gfycat Meow!';
  1250. 				}
  1251. 			},
  1252. 			ui: function () {
  1253. 				var f = document.createDocumentFragment();
  1254. 				$$.a(f,
  1255. 					this.dom.list.call(this, 'ytm_ratios', [
  1256. 						{type: 'ratio', text: '4:3', value: YTMA.DB.player.ratio.SD, title: 'SD'},
  1257. 						{type: 'ratio', text: '16:9', value: YTMA.DB.player.ratio.HD, title: 'Landscape'},
  1258. 						{type: 'ratio', text: '9:16', value: YTMA.DB.player.ratio.PORTRAIT, title: 'Portrait'}]),
  1259. 					this.dom.list.call(this, 'ytm_sizes', [
  1260. 						{type: 'size', text: '\u00D8', value: YTMA.DB.player.size.HIDDEN, title: 'Hide the video.'},
  1261. 						{type: 'size', text: 'S', value: YTMA.DB.player.size.S, title: '240p'},
  1262. 						{type: 'size', text: 'M', value: YTMA.DB.player.size.M, title: '360p'},
  1263. 						{type: 'size', text: 'L', value: YTMA.DB.player.size.L, title: '480p'},
  1264. 						{type: 'size', text: 'X', value: YTMA.DB.player.size.X, title: '720p'}]),
  1265. 					this.dom.list.call(this, 'ytm_options', [
  1266. 						strg.on ? {type: 'settings', text: '!', title: 'YTMA Settings'} : false,
  1267. 						{type: 'close', text: '\u00D7', title: 'Close the video.'}])
  1268. 					);
  1269.  
  1270. 				this.ul.appendChild(f);
  1271. 				this.ul.addEventListener('click', this.events.videoBar.bind(this), false);
  1272. 				this.wrp.appendChild(this.ul);
  1273. 				this.spn.parentNode.insertBefore(this.wrp, this.spn.nextSibling);
  1274. 			},
  1275. 			span: function () {
  1276. 				var f = document.createDocumentFragment();
  1277.  
  1278. 				$$.e('span', {className: 'ytm_init arialsans', textContent: this.spn.title}, this.spn);
  1279. 				this.spn.title = 'Watch now!';
  1280. 				f.appendChild(this.spn);
  1281.  
  1282. 				if (!YTMA.DB.dataless[this.data.site]) {
  1283. 					f.appendChild(this.dom.preview.call(this));
  1284. 				}
  1285.  
  1286. 				if (YTMA.DB.slim[this.data.site]) {
  1287. 					this.wrs.classList.add('ytm_site_slim');
  1288. 				}
  1289.  
  1290. 				if (YTMA.DB.scroll[this.data.site]) {
  1291. 					this.a.classList.add('ytm_scroll');
  1292. 				}
  1293.  
  1294. 				if (YTMA.user.preferences.desc === 2) {
  1295. 					YTMA.ajaxQueue.add(this.data.site, this.data.id, this.data.uri);
  1296. 				}
  1297.  
  1298. 				this.wrs.appendChild(f);
  1299. 			},
  1300. 			preview: function () {
  1301. 				var a, s;
  1302. 				s = $$.e('span', {className: 'ytm_title ytm_manual _' + this.data.sid});
  1303. 				a = $$.e('a', {
  1304. 					textContent: YTMA.user.preferences.desc === 2 ? 'Loading data . . .' : 'Load description.',
  1305. 					href: '#',
  1306. 					title: 'Load this video\'s description.',
  1307. 					'$data-id': this.data.id,
  1308. 					'$data-site': this.data.site,
  1309. 					'$data-uri': this.data.uri
  1310. 				});
  1311. 				a.addEventListener('click', this.events.manualLoad.bind(this), false);
  1312. 				return $$.a(s, a);
  1313. 			}
  1314. 		},
  1315. 		createPlayer: function () {
  1316. 			this.player = new YTMA.Player(this);
  1317. 			this.dom.ui.call(this);
  1318. 		},
  1319. 		show: function () {
  1320. 			if (!this.player) {
  1321. 				this.createPlayer();
  1322. 			}
  1323.  
  1324. 			this.toggle(true);
  1325.  
  1326. 			if (YTMA.user.preferences.focus) {
  1327. 				document.location.hash = '#' + this.wrs.id;
  1328. 			}
  1329. 		},
  1330. 		toggle: function (show, placeholder) { // the object is removed from or reattached to the DOM
  1331. 			// if (this.data.open === !!show) { return; }
  1332. 			this.data.open = !!show;
  1333. 			if (show) {
  1334. 				this.spn.classList.add('ytm_none');
  1335. 				this.wrp.classList.remove('ytm_none');
  1336.  
  1337. 				if (!this.player.$player.parentNode) {
  1338. 					this.wrp.appendChild(this.player.$player);
  1339. 				}
  1340. 				this.player.switchToMedia();
  1341. 			} else {
  1342. 				if (placeholder) {
  1343. 					this.player.switchToPlaceholder();
  1344. 				} else {
  1345. 					if (this.player) {
  1346. 						this.player.removeMedia();
  1347. 					}
  1348. 					this.spn.classList.remove('ytm_none');
  1349. 					this.wrp.classList.add('ytm_none');
  1350. 				}
  1351. 			}
  1352. 		},
  1353. 		thumb: {
  1354. 			start: function (e) {
  1355. 				var el = e.target;
  1356. 				el.dataset.thumb = el.dataset.thumb > 0 ? (el.dataset.thumb % 3) + 1 : 2;
  1357. 				el.style.backgroundImage = ['url(https://i3.ytimg.com/vi/', el.dataset.ytmid, '/', el.dataset.thumb, '.jpg)'].join('');
  1358. 				el.dataset.timeout = window.setTimeout(this.thumb.start.bind(this, e), 800);
  1359. 			},
  1360. 			stop: function (e) {
  1361. 				window.clearTimeout(e.target.dataset.timeout);
  1362. 			}
  1363. 		}
  1364. 	};
  1365.  
  1366. 	/** S C R O L L CLASS
  1367. 	 * Window-Scroll Event Helper
  1368. 	 */
  1369. 	YTMA.Scroll = (function () {
  1370.  
  1371. 		function Scroll(selector, cb, delay) {
  1372. 			this.selector = selector;
  1373. 			this.cb = cb;
  1374.  
  1375. 			// console.log('YTMA.Scroll Monitor: ', selector);
  1376. 			this.bound = Scroll.debounce(this.monitor.bind(this), delay || 500);
  1377.  
  1378. 			this.bound();
  1379. 			window.addEventListener('scroll', this.bound, false);
  1380. 		}
  1381.  
  1382. 		Scroll.debounce = function (fn, delay) {
  1383. 			var timeout;
  1384. 			delay = delay || 250;
  1385.  
  1386. 			return function () {
  1387. 				var self = this, args = arguments, timed;
  1388.  
  1389. 				timed = function () {
  1390. 					timeout = null;
  1391. 					fn.apply(self, args);
  1392. 				};
  1393.  
  1394. 				window.clearTimeout(timeout);
  1395. 				timeout = window.setTimeout(timed, delay);
  1396. 			};
  1397. 		};
  1398.  
  1399. 		Scroll.visible = function (el) {
  1400. 			var bound = el.getBoundingClientRect();
  1401. 			return (bound.top >= 0 && bound.top <= document.documentElement.clientHeight);
  1402. 		};
  1403.  
  1404. 		Scroll.visibleAll = function (el, offset) {
  1405. 			var bound = el.getBoundingClientRect(),
  1406. 				height = document.documentElement.clientHeight;
  1407. 			offset = isNumber(offset) ? +offset : 0;
  1408. 			return ((bound.bottom + offset >= 0)
  1409. 						&& (bound.top <= height + offset || bound.bottom <= height - offset));
  1410. 		};
  1411.  
  1412. 		Scroll.prototype = {
  1413. 			stop: function () {
  1414. 				// console.log('clear scroll: ', this.selector);
  1415. 				window.removeEventListener('scroll', this.bound);
  1416. 			},
  1417. 			monitor: function () {
  1418. 				$$.s(this.selector, this.cb);
  1419. 			}
  1420. 		};
  1421.  
  1422. 		return Scroll;
  1423.  
  1424. 	}());
  1425.  
  1426. 	YTMA.main();
  1427. 	window.YTMA = YTMA;
  1428.  
  1429. }());