Adds links to fix widescreen/letterbox videos (e.g. zoom letterboxed widescreen, unstretched letterbox, etc.; hover mouse cursor on links to show their description), and adds video player keyboard shortcuts: [Space] Play/pause, [M] Mute/unmute, [-] Decrease volume by 10%, [+]/[=] Increase volume by 10%, [F] Toggle fullscreen.
目前為
// ==UserScript==
// @name Vaughn.Live Video Size Fix and Video Player Keyboard Shortcuts
// @namespace https://greasyfork.org/en/users/85671-jcunews
// @version 1.0.1
// @description Adds links to fix widescreen/letterbox videos (e.g. zoom letterboxed widescreen, unstretched letterbox, etc.; hover mouse cursor on links to show their description), and adds video player keyboard shortcuts: [Space] Play/pause, [M] Mute/unmute, [-] Decrease volume by 10%, [+]/[=] Increase volume by 10%, [F] Toggle fullscreen.
// @author jcunews
// @match *://vaughn.live/*
// @grant none
// @run-at document-start
// ==/UserScript==
addEventListener("DOMContentLoaded", function(a) {
//add video player keyboard shortcuts
addEventListener("keypress", (ev) => {
if (document.activeElement && ["INPUT", "SELECT", "TEXTAREA"].includes(document.activeElement.tagName)) return;
switch (ev.key.toUpperCase()) {
case " ": //pause/play
if (window.MvnPlayer) MvnPlayer.PausePlay();
break;
case "M": //mute/unmute
if (ev = document.querySelector("#MvnHlsPlayer_vol")) ev.click();
break;
case "-": //decrease volume
if (window.MvnPlayer) {
ev = MvnPlayer.video.volume - 0.1;
MvnPlayer.setVolume(ev >= 0 ? ev : 0);
}
break;
case "+": //increase volume
case "=":
if (window.MvnPlayer) {
ev = MvnPlayer.video.volume + 0.1;
MvnPlayer.setVolume(ev <= 1 ? ev : 1);
}
break;
case "F": //toggle fullscreen
if (ev = document.querySelector(".MvnHlsPlayer_fullscreen")) ev.click();
break;
}
}); //add video player keyboard shortcuts
//add video scaling links
a = document.createElement("STYLE");
a.innerHTML = `
#MvnHlsPlayerBar .MvnHlsPlayer_spacer span{position:relative;top:-.4em;margin-right:2ex;padding:0 .5ex .2em .5ex;cursor:pointer;font-size:10pt;font-weight:bold}
#MvnHlsPlayerBar .MvnHlsPlayer_spacer span.selected{background:#00d}
`;
document.body.appendChild(a);
if (!(a = document.querySelector("#MvnHlsPlayerBar .MvnHlsPlayer_spacer"))) return;
a.innerHTML = [
["Original", "Original video size"],
["ZLH", "Zoom letterbox half"],
["ZLF", "Zoom letterbox full"],
["USL", "Unstretch letterbox"],
["USW", "Unstretch widescreen"],
["USLW", "Unshrink letterboxed widescreen"],
["FVSW", "Fix vertically shrinked widescreen"],
["FVULW", "Fix vertically uncentered letterbox widescreen"]
].map((v, i) => `<span id="${v[0]}" title="${v[1]}" ${!i ? 'class="selected" ' : ''}href="javascript:void(0)">[${v[0]}]</span>`).join("");
a.addEventListener("click", function(ev, a) {
if (ev.target.tagName !== "SPAN") return;
Array.prototype.slice.call(ev.target.parentNode.children).forEach(e => {
e.className = "";
});
ev.target.className = "selected";
switch (ev.target.id) {
case "ZLH":
MvnHlsPlayerLive.style.transform = `scale(1.16)`;
break;
case "ZLF":
MvnHlsPlayerLive.style.transform = `scale(1.33)`;
break;
case "USL":
MvnHlsPlayerLive.style.transform = `scaleX(0.75)`;
break;
case "USW":
MvnHlsPlayerLive.style.transform = `scaleY(0.75)`;
break;
case "USLW":
MvnHlsPlayerLive.style.transform = `scaleX(1.33)`;
break;
case "FVSW":
MvnHlsPlayerLive.style.transform = `scaleY(1.33)`;
break;
case "FVULW":
MvnHlsPlayerLive.style.transform = `scale(1.33) translateY(-6.0%)`;
break;
default:
MvnHlsPlayerLive.style.transform = "";
}
});//add video scaling links
});