☰

Infinite scroll for YouTube

Implementation infinite scroll at youtube.com's search result page.

当前为 2016-03-13 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name           Infinite scroll for YouTube
  3. // @name:ja        Infinite scroll for YouTube
  4. // @namespace      https://twitter.com/sititou70
  5. // @description    Implementation infinite scroll at youtube.com's search result page.
  6. // @description:ja YouTube.comの検索結果で無限スクロールを実現します。
  7. // @include        /https*:\/\/www\.youtube\.com\/.*/
  8. // @require        http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js
  9. // @version        1
  10. // @grant          none
  11. // ==/UserScript==
  12.  
  13. jQuery.noConflict();
  14. (function($){
  15. 	//exclude iframe document
  16. 	if ($("html").attr("lang") == "")return;
  17. 	
  18. 	//get scroll value
  19. 	var get_scroll_value = function(){
  20. 		return $(window).scrollTop();
  21. 	}
  22. 	
  23. 	//get and set next page
  24. 	var get_next_page = function(){
  25. 		if(now_loading)return;
  26. 		if(next_page_url == "last_page" || next_page_url == "undefined")return;
  27. 		
  28. 		now_loading = true;
  29. 		
  30. 		$(result_list_selector).append("<div style='text-align: center;' id='infinite_scroll_for_youyube_loading_massage'>loading next page...</div>");
  31. 		
  32. 		$.ajax({
  33. 			type: "GET",
  34. 			url: next_page_url,
  35. 			dataType: "html",
  36. 		}).done(function(res){
  37. 			//now_loading = false;
  38. 			$(result_list_selector).append($(res).find(result_list_selector + " > li"));
  39. 			$("#infinite_scroll_for_youyube_loading_massage").remove();
  40. 			next_page_url = get_next_page_url($(res));
  41. 			if(next_page_url == "last_page"){
  42. 				$(result_list_selector).append("<div style='text-align: center;' id='infinite_scroll_for_youyube_loading_massage'>loaded last page</div>");
  43. 			}
  44. 		}).fail(function(){
  45. 			console.log("fail ajax");
  46. 		});
  47. 	}
  48. 	
  49. 	//get next page url from page dom jquery object
  50. 	var get_next_page_url = function(dom){
  51. 		var url = dom.find(".yt-uix-pager > a").last().attr("href");
  52. 		if(typeof url == "undefined")return "undefined";
  53. 		if(url == next_page_url)return "last_page";
  54. 		return url;
  55. 	}
  56. 	
  57. 	//it is called when the scrolls
  58. 	$(window).scroll(function(){
  59. 		if(next_page_url == "undefined")next_page_url = get_next_page_url($("html"));
  60. 		if($(".yt-uix-pager").offset().top - $(window).height() < get_scroll_value() + adjust_scroll_px){
  61. 			get_next_page();
  62. 		}
  63. 	});
  64. 	
  65. 	var now_loading = false;
  66. 	var next_page_url = get_next_page_url($("html"));
  67. 	var result_list_selector = "#results > ol > li:nth-child(2) > ol";
  68. 	var adjust_scroll_px = 300;
  69. })(jQuery);