☰

Better XVideos.com

Always expand video to large size, scroll down to video, use Q W E S to rotate video, allow seeking to 0:00, allow clicking anywhere to start video - 2022-05-16, 19:35:39

  1. // ==UserScript==
  2. // @name        Better XVideos.com
  3. // @namespace   Violentmonkey Scripts
  4. // @match       https://www.xvideos.com/video*
  5. // @grant       none
  6. // @version     2.4
  7. // @author      -
  8. // @description Always expand video to large size, scroll down to video, use Q W E S to rotate video, allow seeking to 0:00, allow clicking anywhere to start video - 2022-05-16, 19:35:39
  9. // @require https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js
  10. // ==/UserScript==
  11.  
  12. this.$ = jQuery.noConflict(true)
  13.  
  14.  
  15. $("div#video-player-bg").ready(function () {
  16.   // 
  17.   // player = $("div#player-container")
  18.   // $("img[title='Double player size']").trigger("click") // only if it's not enlarged already
  19.   setTimeout(function () {
  20.     if (window.xvideos.player.isEnlarged() === true) { // isEnlarged() is true if it's not enlarged ... well done, xvideos
  21.       window.xvideos.player.toggleSize(1)
  22.     }
  23.     $("div#video-player-bg")[0].scrollIntoView(true)
  24.     
  25.   }, 1000)
  26. })
  27.  
  28. // Somehow, the below didn't work - the button got added, but when clicking it,
  29. // it showed the menu for the next button to the right (originally from xvideos),
  30. // and that button showed the menu for the next one, etc.
  31. // 
  32. //$("button#v-actions-overflow-menu").ready(function () {
  33. //  var rotation_buttons = `<button class="tab-button rotate-video-right"><span>Rotate video right (E)</span></button>`
  34. //  $(rotation_buttons).insertAfter("button#v-actions-overflow-menu")
  35. //})
  36.  
  37. video = $("div#video-player-bg video")[0]
  38.  
  39. //keyboard handler for various things
  40. $("html").ready(function () {
  41.   
  42.   
  43.   // make whole player clickable to start playing
  44.   $("div.video-pic").click(function () { $("div.big-button.play > img").trigger("click") })
  45.   
  46.   // define our keyboard handler
  47.   
  48.   function extra_keyboard_handler(event) {
  49.     if (83 == event.keyCode) { // s - turn upside down
  50.       $("div.video-bg-pic > video").css("transform", "scaleX(-1) scaleY(-1)")
  51.       event.stopImmediatePropagation() // hack to stop the event from being processed by xvideos' original handler
  52.       return true
  53.     }
  54.     if (87 == event.keyCode) { // w - restore upright rotation (no rotation)
  55.       $("div.video-bg-pic > video").css("transform", "")
  56.       event.stopImmediatePropagation() // hack to stop the event from being processed by xvideos' original handler
  57.       return true
  58.     }
  59.     if (81 == event.keyCode) { // q - rotate 90 degrees to the left - currently BROKEN - also triggers original q binding, i.e. jump 10 seconds to the left
  60.       rotation = 270
  61.       video = $("div.video-bg-pic > video")[0]      
  62.       fit_scale = Math.min(video.videoWidth / video.videoHeight, video.videoHeight / video.videoWidth)
  63.       transform = `rotate(${rotation}deg) scale(${fit_scale})`
  64.       $("div.video-bg-pic > video").css("transform", transform)
  65.       event.stopImmediatePropagation() // hack to stop the event from being processed by xvideos' original handler
  66.       return true
  67.     }
  68.     if (69 == event.keyCode) { // e - rotate 90 degrees to the right
  69.       rotation = 90
  70.       video = $("div.video-bg-pic > video")[0]      
  71.       fit_scale = Math.min(video.videoWidth / video.videoHeight, video.videoHeight / video.videoWidth)
  72.       transform = `rotate(${rotation}deg) scale(${fit_scale})`
  73.       $("div.video-bg-pic > video").css("transform", transform)
  74.       event.stopImmediatePropagation() // hack to stop the event from being processed by xvideos' original handler
  75.       return true
  76.     }
  77.     if (65 == event.keyCode) { // a - seek left
  78.       if (video.currentTime < 10) {
  79.         // allow seeking to start
  80.         video.currentTime = 0
  81.       }
  82.       return true
  83.     }
  84.     if (37 == event.keyCode) { // left arrow - seek left
  85.       if (video.currentTime < 10) {
  86.         // allow seeking to start
  87.         video.currentTime = 0
  88.       }
  89.       return true
  90.     }
  91.     return false
  92.   }
  93.   
  94.   
  95.   // attach our keyboard handler - step 1: find old keyboard handler
  96.   
  97.   var xv_keyboard_handler = null
  98.   
  99.   $.each($._data($("html")[0], "events"), function(i, event) {
  100.     // i is the event type, like "click"
  101.     if (i != "keydown") return
  102.     $.each(event, function(j, h) {
  103.       // h.handler is the function being called
  104.       xv_keyboard_handler = h.handler
  105.     })
  106.   })
  107.   
  108.   
  109.   // attach our keyboard handler - step 2: override keyboard handler with our pass-through
  110.   
  111.   $("html").off("keydown", "**") // BROKEN - currently doesn't detach the original listener
  112.   
  113.   $("html").keydown(function(event) {
  114.     
  115.     if((extra_keyboard_handler(event) === false) && (xv_keyboard_handler !== null)) {
  116.       xv_keyboard_handler(event) // BROKEN - the original listener fires no matter what
  117.     }
  118.   })
  119. })