All Youtube improvements in one pack
当前为
// ==UserScript==
// @name Youtube 2020 improvements
// @version 0.6.2
// @description All Youtube improvements in one pack
// @author Burlaka.net
// @match *://*.youtube.com/*
// @match *://youtube.com/*
// @require https://code.jquery.com/jquery-latest.js
// @grant none
// @namespace http://tampermonkey.net/
// ==/UserScript==
(function() {
'use strict';
$('body').append('<style>\
#playlist .header {display:none !important;}\
/*ytd-live-chat-frame#chat {display:none !important;}*/ \
body:not(.no-scroll) #player-container {width: 100%;max-width: 854px;height:100%;max-height:480px; margin: 0 auto;}\
body:not(.no-scroll) #player-theater-container {max-height:480px !important}\
body:not(.no-scroll) #container.ytd-masthead {height:34px}\
#page-manager.ytd-app{margin-top:34px}\
body.no-scroll #page-manager.ytd-app {margin-top:0}\
</style>');
var watchlater = `<ytd-mini-guide-entry-renderer class="style-scope ytd-mini-guide-renderer" aria-selected="false" role="tab" tabindex="0" aria-label="Watch later">
<a id="endpoint" tabindex="-1" class="yt-simple-endpoint style-scope ytd-mini-guide-entry-renderer" title="Watch later" href="/playlist?list=WL">
<yt-icon id="icon" class="guide-icon style-scope ytd-mini-guide-entry-renderer"><svg viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" focusable="false" class="style-scope yt-icon" style="pointer-events: none; display: block; width: 100%; height: 100%;">
<g class="style-scope yt-icon">
<path d="M18.7 8.7H5.3V7h13.4v1.7zm-1.7-5H7v1.6h10V3.7zm3.3 8.3v6.7c0 1-.7 1.6-1.6 1.6H5.3c-1 0-1.6-.7-1.6-1.6V12c0-1 .7-1.7 1.6-1.7h13.4c1 0 1.6.8 1.6 1.7zm-5 3.3l-5-2.7V18l5-2.7z" class="style-scope yt-icon"></path>
</g>
</svg>
</yt-icon>
<span class="title style-scope ytd-mini-guide-entry-renderer">Watch later</span>
<paper-tooltip animation-delay="0" offset="4" position="right" class="style-scope ytd-mini-guide-entry-renderer" role="tooltip" tabindex="-1" hidden="" style="--paper-tooltip-delay-in:0ms;">
<div id="tooltip" class="style-scope paper-tooltip hidden">
Watch later
</div>
</paper-tooltip>
</a>
</ytd-mini-guide-entry-renderer>`;
var watchlater2 = '<div style="margin: 0 auto;"><a href="/playlist?list=WL" class="yt-simple-endpoint ytd-mini-guide-entry-renderer"><span class="title style-scope ytd-mini-guide-entry-renderer">Watch later</span></a></div>';
$('#items.ytd-mini-guide-renderer').on('mouseover', function(e) {
$('#items.ytd-mini-guide-renderer').append(watchlater2);
watchlater2 = '';
//console.log('wl-added');
});
// comment autoexpand onmouseover
$(document).on('mouseover', '.ytd-item-section-renderer .ytd-comment-renderer ytd-expander', function(e) {
var $this = $(this);
$this.removeAttr('collapsed');
$this.parent().find('#more').attr('hidden');
});
// video info autoexpand onmouseover
$(document).on('mouseover', 'ytd-expander.ytd-video-secondary-info-renderer', function(e) {
var $this = $(this);
$this.removeAttr('collapsed');
$this.find('#collapsible').removeAttr('hidden');
$this.find('#less').removeAttr('hidden');
$this.find('#more').attr('hidden');
});
// expand video name in tootltip (recommendations after video ends)
$(document).on('mouseover', '.ytp-ce-covering-overlay .ytp-ce-video-title', function(e) {
$(this).parent().attr('title', $(this).text());
});
// expand video name in watchlater playlist
$('#items.playlist-items.ytd-playlist-panel-renderer').on('mouseover', '#container.ytd-playlist-panel-video-renderer', function(e) {
$(this).attr('title', $(this).find('#video-title.ytd-playlist-panel-video-renderer').text());
});
// set opacity to viewed videos
$(document).on('scroll', function() {
$('#progress.ytd-thumbnail-overlay-resume-playback-renderer').parent().parent().parent().css('opacity', '0.5'); //.parent()
});
// add video date to video views title
$(document).on('mouseover', '#count.ytd-video-primary-info-renderer yt-view-count-renderer.ytd-video-primary-info-renderer', function(e) {
$(this).attr('title', $('#date.ytd-video-primary-info-renderer yt-formatted-string.ytd-video-primary-info-renderer').text());
});
/*
Hide elements over video
*/
$('.ytp-right-controls').prepend('<button class="ytp-button" onclick="$(\'.ytp-ce-element\').toggle();return false;" style="padding: 0px 3px;position: relative;font-size: 1.1em;top: -1.2em;right: 0.3em;">Hide</button>');
/*
Channel videos redirect
*/
document.addEventListener('mouseover', getLink);
function getLink(linkElement) {
var url = linkElement.target.toString();
if ((url.search(/www.youtube.com/) != -1) && (url.match(/\//g).length < 5)) {
if ((url.match(/https:\/\/www.youtube.com\/channel\//i) && (/videos/.test(url) == false))) {
changeLink(linkElement);
} else if ((url.match(/https:\/\/www.youtube.com\/c\//i) && (/videos/.test(url) == false))) {
changeLink(linkElement);
} else if ((url.match(/https:\/\/www.youtube.com\/user\//i) && (/videos/.test(url) == false))) {
changeLink(linkElement);
}
}
}
function changeLink(linkElement) {
var newUrl = linkElement.target.toString().concat("/videos");
linkElement.target.href = newUrl;
}
/*
Player keyboard shortcuts
*/
var volume;
$(document).ready(function() {
$(window).keydown(function(e) {
var player = $('.video-stream.html5-main-video')[0];
var player_wrap = $('.html5-video-player');
if (!player_wrap.is(":focus") && !$('input').is(":focus") && !$('textarea').is(":focus") && !$('.comment-simplebox-text').is(":focus") && !$('[contenteditable="true"]').is(":focus")) {
if (e.keyCode == 0 || e.keyCode == 32) { // Space = play/pause
e.preventDefault();
if (player.paused == false) {
player.pause();
} else {
player.play();
}
}
}
if ((e.ctrlKey || e.metaKey) && e.keyCode == 38) { // Ctrl + Up = Volume up
volume = player.volume + 0.1;
if (volume > 1) volume = 1;
player.volume = volume;
}
if ((e.ctrlKey || e.metaKey) && e.keyCode == 40) { // Ctrl + Down = Volume down
volume = player.volume - 0.1;
if (volume < 0) volume = 0;
player.volume = volume;
}
if (e.which === 27) { // Esc Shift+Tab = focus on body //e.shiftKey
e.preventDefault();
$('#page').focus();
$('video').blur();
$('#masthead-search-term').focus();
$('#yt-masthead-container').focus();
} else if (e.which == 9) { // Tab = focus on video element
e.preventDefault();
$('video').focus();
}
});
});
})();