0
208
VistasDeshabilitar el arrastre hacia abajo de YouTube para la funcionalidad del minirreproductor
Si veo un video de YouTube y trato de arrastrar el reproductor hacia abajo, está haciendo lo siguiente: 
A veces no hace esto. A veces solo está haciendo esto en pantalla completa. A veces también está haciendo esto en modo teatro. Empezó a suceder no hace mucho.
document.addEventListener('mousemove', (e) => { e.stopImmediatePropagation(); e.stopPropagation(); e.preventDefault();}, true) en Tampermonkey, pero deshabilita todos los demás movimientos del mouse excepto el arrastre hacia abajo para el minirreproductor. Probé user-select: none , pero tampoco resuelve este problema.
Lo he probado en modo incógnito, con las extensiones deshabilitadas. Nada ayudó.
Estoy ejecutando la última versión de Chrome. 95.0.4638.54
Esto no sucede en Chromium por alguna razón: versión 94.0.4606.81
No soy el único con este problema: https://www.reddit.com/r/youtube/comments/l4falt/is_there_a_way_to_turn_off_the_drag_down_to/
No he encontrado ninguna otra publicación en el foro al respecto.
¿Hay alguna forma de desactivar esta funcionalidad?
Actualización: este código parece funcionar: https://pastebin.com/n093g9Ur
1 Respuestas
Responde la pregunta0
Fue un poco difícil, pero para resolver este problema:
- Primero fue necesario encontrar el elemento que escucha los eventos del usuario que desencadenan este comportamiento, usando Ctrl-Shift-C en el elemento del reproductor de YouTube y luego agregando "pointer-events: 'none'" al CSS de sus elementos principales, hasta que deshabilita esta funcionalidad.
- El elemento que estaba escuchando los eventos se puede seleccionar con
document.querySelector('ytd-page-manager #player-container');(resulta que hay varios elementos con IDplayer-containeren YouTube). - Luego obtenemos detectores de eventos para este elemento escribiendo "getEventListeners(temp1)" en la consola de desarrollo de Chrome (donde temp1 es el elemento 'ytd-page-manager #player-container' después de hacer clic derecho y elegir "almacenar como una variable global")
- Luego agregamos nuestro propio detector de eventos con Capture:true y detenemos la propagación inmediata de estos eventos (fue suficiente para el evento "pointerdown")
Entonces, después de que la página se haya cargado, el código sería
const container = document.querySelector('ytd-page-manager #player-container'); console.log(container) container.addEventListener('pointerdown', (e) => { console.log(e.currentTarget); e.stopImmediatePropagation(); }, true)Agregamos "true" al detector de eventos para usar Capture ("Un valor booleano que indica que los eventos de este tipo se enviarán al detector registrado antes de enviarse a cualquier EventTarget debajo de él en el árbol DOM" -- https://developer .mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener ).