Fullscreen Shortcut

Add a shortcut to enable fullscreen mode of several streaming-media websites

  1. // ==UserScript==
  2. // @name Fullscreen Shortcut
  3. // @namespace https://greasyfork.org/users/673298
  4. // @version 1.2.4
  5. // @author Fingalzzz
  6. // @description Add a shortcut to enable fullscreen mode of several streaming-media websites
  7. // @homepage https://greasyfork.org/en/scripts/408194-fullscreen-shortcut
  8. // @supportURL https://greasyfork.org/en/scripts/408194-fullscreen-shortcut
  9. // @match https://www.bilibili.com/video/*
  10. // @match https://www.bilibili.com/bangumi/play/*
  11. // @match https://www.iqiyi.com/*
  12. // @match https://v.qq.com/x/*
  13. // @match https://www.youtube.com/*
  14. // @match https://v.youku.com/*
  15. // @grant none
  16. // ==/UserScript==
  17.  
  18. (function () {
  19. 'use strict';
  20. const shortcut = '\\';
  21.  
  22. document.addEventListener('keydown', (e) => {
  23. //if (e.ctrlKey && e.key === shortcut) {
  24. if (e.key === shortcut) {
  25. var selector = null;
  26. var btn = null;
  27. var link = window.location.href;
  28. if (link.includes("bilibili.com/bangumi")) {
  29. selector = ".bpx-player-ctrl-btn.bpx-player-ctrl-full";
  30. } else if (link.includes("bilibili.com/video")) {
  31. selector = ".bpx-player-ctrl-btn.bpx-player-ctrl-full";
  32. } else if (link.includes('iqiyi.com')) {
  33. selector = ".iqp-btn.iqp-btn-fullscreen";
  34. } else if (link.includes('v.qq.com')) {
  35. selector = ".txp_btn.txp_btn_fullscreen";
  36. } else if (link.includes('youtube.com')) {
  37. selector = ".ytp-fullscreen-button.ytp-button";
  38. } else if (link.includes('v.youku.com')) {
  39. // Youku use different button to enable and exit fullscreen
  40. // so we need to check whether button we need now.
  41. selector = document.fullscreen? ".iconfont.icon-exit-fullscreen":".iconfont.icon-fullscreen"
  42. }
  43. btn = document.querySelector(selector);
  44. btn.click();
  45. }
  46. })
  47.  
  48. })();
  49.