☰

click_to_play@youtube

disable autoplay and unload player

目前为 2015-07-03 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name        click_to_play@youtube
  3. // @namespace   click_to_play@youtube
  4. // @namespace   https://greasyfork.org/ja/scripts/9886
  5. // @homepageURL https://greasyfork.org/ja/scripts/9886
  6. // @license     http://creativecommons.org/licenses/by-nc-sa/4.0/
  7. // @description disable autoplay and unload player
  8. // @include     http://*
  9. // @include     https://*
  10. // @exclude     https://www.youtube.com/*
  11. // @author      noi
  12. // @version     1.07
  13. // @grant       GM_log
  14. // ==/UserScript==
  15.  
  16.  
  17. /**************************************************************
  18. [about]
  19. Stop youtube video autoplay, and unload the players.
  20. It will display a thumbnail image instead.
  21.  
  22. youtubeの埋め込み動画を読みこまないように変更し、
  23. 代わりにサムネイル画像を表示します。
  24.  
  25. Firefoxのプラグイン「click-to-play」はHTML5をブロックしないので、
  26. スクリプトを作成。
  27.  
  28. ****************************
  29. References
  30.  
  31. No Embed Youtube @author eight
  32. https://greasyfork.org/ja/scripts/1590
  33.  
  34. ****************************
  35. history
  36.  
  37. 07/03/2015 - v1.07 動画iframeの取得エラー時の動作修正
  38. 06/07/2015 - v1.06 起動にディレイ追加
  39. 05/17/2015 - v1.04 DOM操作削減
  40. 05/15/2015 - v1.03 サムネ画像のサイズ修正
  41. 05/15/2015 - v1.02 v1.01のバグ修正
  42. 05/15/2015 - v1.01 再生ボタンを変更
  43. 05/15/2015 - v1.00 release
  44. **************************************************************/
  45.  
  46. "use strict";
  47. var number = 0;
  48.  
  49. var xpath = [
  50. 	'//iframe[contains(@src,"youtube.com/embed/")]|',
  51. 	'//iframe[contains(@src,"youtube.com/v/")]|',
  52. 	'//embed[contains(@src,"youtube.com/v/") and not(ancestor::object)]|',
  53. 	'//object[./param[contains(@value,"youtube.com/v/")]]',
  54. ].join('');
  55.  
  56. var playButton = '<div style="width:100%;height:100%;background:url(\'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAA8CAMAAADG+c2+AAAAsVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAApKSnOzs47OzsAAAD8/Pytra0aGhqSkpKHh4cDAwPh4eFcXFzGxsYxMTH7+/ukpKQSEhLv7+99fX0CAgLb29tQUFD+/v6+vr7m5ub5+fmbm5sNDQ3r6+tycnLV1dVGRkb///+2trYICAj29vZmZmYhISEAAADz8/MgICDz8/P///91kYKsAAAAOnRSTlOZACQBgkZyiwSRTzGHU1Rko+GoiP3Rn8bCmeyy3aX7zZ30vpnpr/7Z7/rKnPK65av+1Zv4tqEy96H2cK1dPgAAARxJREFUeF7N2OlOwkAUR/E/XZdpi4oLKOAGuIGKu/P+D6aN6YifjOkxmd8DnISktPde9VphUCdRrj/Lo6QKQpdpg1mcqoM0zn4GXwbqqDSbwUKA4jvYF6LfBgtBiq+gEcY0wawUpsw+g7FAcU9hKlAaKhAqUC1UpUSoRJFQkXKRfs1t74hld/f22aC1r8MRGWwcHqHBxngCB+30+AQKOqdn51DQmc3hoL2/2IKCztX1DRR0lisq6NzewUG7WD9DQefx4AEKOpdPeNDnn7xYv/n82CxX9F/P55fDbE6/YH3+BIwnPn9G34cjD0YRcFjCxzl84ORH4kqoCl8r8MWHXs3w5ZFfb/kFnD8R8EeMhinV0cD80yEIOVXVG6eqD/g5Xi0pxQ0LAAAAAElFTkSuQmCC\') no-repeat center center;"></div>';
  57.  
  58. var players = {};
  59.  
  60. var blockEmbed = function(node){
  61.  
  62. 	var result = document.evaluate(xpath, node, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
  63.  
  64. 	for(var i=0,j=result.snapshotLength;i<j;i++){
  65. 		var ele = result.snapshotItem(i);
  66. 		if(ele.hasAttribute('c2p')) continue;
  67.  
  68. 		var url = ele.src;	//iframe or embed
  69. 		//object
  70. 		if(!url){
  71. 			for(var x=0,y=ele.childNodes.length; x<y; x++){
  72. 				var param = ele.childNodes[x];
  73. 				if(param.nodeName == "PARAM" && param.getAttribute("name") == "movie"){
  74. 					url = param.getAttribute("value");
  75. 					break;
  76. 				}
  77. 			}
  78. 		}
  79. 		if(!url) continue;
  80.  
  81. 		var parent = ele.parentNode;
  82.  
  83. 		var id = url.match(/(embed|v)\/(.+?)(\?|&|$)/)[2];
  84. 		var movieUrl = "https://www.youtube.com/watch?v=" + id;
  85.  
  86. 		var src = location.protocol + '//img.youtube.com/vi/' + id + '/mqdefault.jpg';
  87.  
  88. 		var eleW = ele.style.width || ele.width;
  89. 		var eleH = ele.style.height || ele.height;
  90. 		var thumbnail = document.createElement("div");
  91. 		thumbnail.className = 'c2p_thumbnail';
  92. 		thumbnail.setAttribute('num',number);
  93. 		thumbnail.innerHTML = playButton;
  94. 		thumbnail.style = 'min-width:320px;min-height:180px;width:'+ eleW +'px;height:'+ eleH +'px;background:url(' + src + ') no-repeat center center ; background-size: 100% 100%;';
  95. 		thumbnail.title = 'click to play!';
  96.  
  97. 		parent.insertBefore(thumbnail,ele);
  98.  
  99. 		ele.setAttribute('c2p','done')
  100. 		players[number] = ele;
  101.  
  102. 		parent.removeChild(ele);
  103.  
  104. 		var unBlock = function(e){
  105. 			var thumb = e.target;
  106. 			if(!thumb.className.match(/^c2p_/)) thumb = thumb.parentNode;
  107. 			thumb.removeEventListener('click',unBlock,false);
  108.  
  109. 			var num = thumb.getAttribute('num');
  110.  
  111. 			thumb.parentNode.replaceChild(players[num],thumb);
  112. 			delete players[num];
  113.  
  114. 		};
  115. 		thumbnail.addEventListener('click',unBlock,false);
  116.  
  117. //		thumbnail.insertAdjacentHTML('beforebegin','<a class="c2p_embedUrl" href="' + movieUrl + '" target="_blank">' + movieUrl + '</a>');
  118. 		number++;
  119. 	}
  120. };
  121.  
  122. var observer = new MutationObserver(function(mutations){
  123. 	for(var i=0,j=mutations.length;i<j;i++){
  124. 		var m = mutations[i];
  125. 		if(m.type != "childList") return;
  126.  
  127. 		for(var x=0,y=m.addedNodes.length;x<y;x++){
  128. 			blockEmbed(m.addedNodes[x]);
  129. 		}
  130. 	}
  131. });
  132.  
  133. setTimeout(function(){
  134. 	blockEmbed(document.documentElement);
  135. 	observer.observe(document.body, {childList: true,subtree: true});
  136. },1000);
  137.  
  138.  
  139. var onEventUnload = function(){
  140. 	window.removeEventListener("beforeunload", onEventUnload,false);
  141.  
  142. 	observer.disconnect();
  143. 	observer = xpath = blockEmbed = null;
  144. };
  145. window.addEventListener('beforeunload',onEventUnload, false);