[{"data":1,"prerenderedAt":599},["ShallowReactive",2],{"\u002Farticulos\u002Fvideo-accessibility-atajos-de-youtube-en-cualquier-video\u002F":3,"upcoming:\u002Farticulos\u002Fvideo-accessibility-atajos-de-youtube-en-cualquier-video\u002F":598},{"id":4,"title":5,"body":6,"date":583,"description":584,"draft":585,"extension":586,"meta":587,"navigation":588,"path":589,"seo":590,"stem":591,"tags":592,"type":596,"__hash__":597},"posts\u002Farticulos\u002Fvideo-accessibility-atajos-de-youtube-en-cualquier-video.md","Video Accessibility: los atajos de YouTube en cualquier vídeo de la web",{"type":7,"value":8,"toc":571},"minimark",[9,30,40,56,65,68,73,76,93,101,116,119,123,126,249,252,258,261,264,268,322,328,334,338,348,356,362,369,376,380,387,396,402,409,465,472,482,485,493,497,552,556,559,563],[10,11,12,13,17,18,21,22,25,26,29],"p",{},"En YouTube me he acostumbrado a no tocar el ratón. Pulso ",[14,15,16],"code",{},"3"," y el vídeo salta al 30 %. ",[14,19,20],{},"K"," o espacio para pausar, flechas para moverme, ",[14,23,24],{},"M"," para silenciar. Luego entro en otra web con un vídeo y no hay nada de eso. Un ",[14,27,28],{},"\u003Cvideo>"," sin más, con suerte una barra de controles, y todo con el ratón.",[10,31,32,36,37,39],{},[33,34,35],"strong",{},"Video Accessibility"," es la extensión que hice para eso. Lleva los atajos de YouTube a cualquier página que reproduzca vídeo con la etiqueta ",[14,38,28],{}," de HTML, que son casi todas, y añade algunas cosas que YouTube no tiene. La hice para mí.",[10,41,42,43,50,51,55],{},"Está en la ",[44,45,49],"a",{"href":46,"rel":47},"https:\u002F\u002Fchromewebstore.google.com\u002Fdetail\u002Fvideo-accessibility\u002Fgkegicinlfihnoblalflbjhiamghfgap",[48],"nofollow","Chrome Web Store",". Cómo funciona por dentro lo cuento en ",[44,52,54],{"href":53},"\u002Farticulos\u002Fvideo-accessibility-por-dentro","Video Accessibility por dentro","; este artículo es para usarla.",[10,57,58],{},[59,60],"img",{"alt":61,"height":62,"src":63,"width":64},"Un vídeo con el aviso \"Salto al 30%\" en el centro, justo después de pulsar la tecla 3",660,"\u002Fimages\u002Fposts\u002Fvideo-accessibility\u002Fportada.webp",1440,[10,66,67],{},"Las capturas son de una web de demostración que monté para el artículo: un taller de cerámica inventado, con un vídeo generado para la ocasión.",[69,70,72],"h2",{"id":71},"primero-activarla-en-una-web","Primero, activarla en una web",[10,74,75],{},"La extensión no hace nada hasta que tú se lo dices. La lista de webs permitidas empieza vacía.",[77,78,79,83,86],"ol",{},[80,81,82],"li",{},"Entra en la web donde ves vídeos.",[80,84,85],{},"Pulsa el icono de Video Accessibility en la barra de Chrome.",[80,87,88,89,92],{},"Pulsa ",[33,90,91],{},"Permitir en este sitio",".",[10,94,95],{},[59,96],{"alt":97,"height":98,"src":99,"width":100},"El popup en una web todavía no permitida, con el botón \"Permitir en este sitio\"",407,"\u002Fimages\u002Fposts\u002Fvideo-accessibility\u002Fpopup-inactivo.webp",300,[10,102,103,104,107,108,111,112,115],{},"A partir de ahí funciona en esa web. Para quitarla, el mismo botón pasa a ser ",[33,105,106],{},"Desactivar en este sitio",". También puedes gestionar la lista entera en los ajustes, en ",[33,109,110],{},"Sitios permitidos",". Si allí añades el dominio sin ",[14,113,114],{},"www",", cubre también todos sus subdominios.",[10,117,118],{},"Una cosa sobre los permisos, para que no sorprenda: al instalarla, Chrome avisa de que la extensión puede leer y cambiar datos en todas las webs. Lo pedí así por comodidad. Si pidiera permiso web a web, cada vez que añadieras un sitio Chrome te sacaría otro aviso para aceptarlo. Con el permiso general eso no pasa, y quien decide dónde actúa sigue siendo la lista: el código de la extensión solo se carga en las webs que has permitido. En el resto ni siquiera está.",[69,120,122],{"id":121},"los-atajos-de-youtube-en-cualquier-sitio","Los atajos de YouTube, en cualquier sitio",[10,124,125],{},"Con la web permitida, haz clic en cualquier parte de la página (fuera de un campo de texto) y usa el teclado:",[127,128,129,142],"table",{},[130,131,132],"thead",{},[133,134,135,139],"tr",{},[136,137,138],"th",{},"Tecla",[136,140,141],{},"Qué hace",[143,144,145,160,170,184,197,206,216,229,239],"tbody",{},[133,146,147,157],{},[148,149,150,153,154],"td",{},[14,151,152],{},"0"," … ",[14,155,156],{},"9",[148,158,159],{},"Salta al 0 %, 10 %, … 90 % del vídeo",[133,161,162,167],{},[148,163,164],{},[14,165,166],{},"Espacio",[148,168,169],{},"Reproducir o pausar",[133,171,172,181],{},[148,173,174,177,178],{},[14,175,176],{},"←"," ",[14,179,180],{},"→",[148,182,183],{},"Retroceder o avanzar 5 segundos",[133,185,186,194],{},[148,187,188,177,191],{},[14,189,190],{},"↑",[14,192,193],{},"↓",[148,195,196],{},"Subir o bajar el volumen",[133,198,199,203],{},[148,200,201],{},[14,202,24],{},[148,204,205],{},"Silenciar o activar el sonido",[133,207,208,213],{},[148,209,210],{},[14,211,212],{},"F",[148,214,215],{},"Pantalla completa",[133,217,218,226],{},[148,219,220,177,223],{},[14,221,222],{},"+",[14,224,225],{},"-",[148,227,228],{},"Más o menos velocidad, de 0,25 en 0,25",[133,230,231,236],{},[148,232,233],{},[14,234,235],{},"G",[148,237,238],{},"Velocidad normal",[133,240,241,246],{},[148,242,243],{},[14,244,245],{},"P",[148,247,248],{},"Picture-in-picture (el vídeo en una ventanita flotante)",[10,250,251],{},"Cada acción enseña un aviso breve sobre el vídeo, como en YouTube, para que sepas qué ha pasado sin mirar los controles.",[10,253,254],{},[59,255],{"alt":256,"height":62,"src":257,"width":64},"El aviso \"Velocidad: 1.5x\" sobre el vídeo después de pulsar dos veces +","\u002Fimages\u002Fposts\u002Fvideo-accessibility\u002Fosd-velocidad.webp",[10,259,260],{},"Si la página tiene varios vídeos, los atajos van al que se está reproduciendo. Si ninguno se reproduce, al más grande. También funciona con reproductores metidos dentro de un iframe, que es como se insertan muchos: haz clic primero en el vídeo para que el teclado vaya a él, y si el reproductor viene de otro dominio, añade ese dominio a la lista también.",[10,262,263],{},"En YouTube no hace falta activarla: ya tiene sus propios atajos.",[69,265,267],{"id":266},"lo-que-youtube-no-trae","Lo que YouTube no trae",[269,270,271,281,313],"ul",{},[80,272,273,276,277,280],{},[33,274,275],{},"Bucle A-B"," (",[14,278,279],{},"L","). La primera pulsación marca el inicio, la segunda el final, y el vídeo repite ese trozo hasta que pulsas una tercera vez. Para aprender un paso de baile, una frase en otro idioma o un movimiento de un tutorial.",[80,282,283,177,286,289,290,293,294,289,297,300,301,304,305,308,309,312],{},[33,284,285],{},"Filtros de imagen.",[14,287,288],{},"Q"," y ",[14,291,292],{},"W"," bajan y suben el brillo, ",[14,295,296],{},"E",[14,298,299],{},"R"," el contraste, ",[14,302,303],{},"T"," e ",[14,306,307],{},"Y"," la saturación, y ",[14,310,311],{},"U"," lo deja todo como estaba. Para vídeos grabados demasiado oscuros o lavados.",[80,314,315,276,318,321],{},[33,316,317],{},"Modo cine",[14,319,320],{},"I","). Oscurece el resto de la página y deja solo el vídeo.",[10,323,324],{},[59,325],{"alt":326,"height":62,"src":327,"width":64},"El aviso \"Saturación: 80%\" sobre el vídeo después de ajustar los filtros","\u002Fimages\u002Fposts\u002Fvideo-accessibility\u002Ffiltros.webp",[10,329,330],{},[59,331],{"alt":332,"height":62,"src":333,"width":64},"El modo cine: el vídeo destacado y el resto de la web oscurecida","\u002Fimages\u002Fposts\u002Fvideo-accessibility\u002Fcine.webp",[69,335,337],{"id":336},"ajustarla-a-cada-web","Ajustarla a cada web",[10,339,340,341,344,345,92],{},"Ninguna tecla es fija. En los ajustes (la rueda del popup), la pestaña ",[33,342,343],{},"Atajos"," tiene todas las acciones agrupadas. Haces clic en una, pulsas la tecla nueva y queda guardada. Admite combinaciones con ",[14,346,347],{},"Shift",[10,349,350],{},[59,351],{"alt":352,"height":353,"src":354,"width":355},"La pestaña de atajos con los saltos del 0 al 90 % y los controles de volumen",870,"\u002Fimages\u002Fposts\u002Fvideo-accessibility\u002Fopciones-atajos.webp",1010,[10,357,358,359,361],{},"A veces una web ya usa una de esas teclas para algo suyo. En TikTok, por ejemplo, la ",[14,360,279],{}," da like, y la extensión la usa para el bucle. Para eso, el popup enseña los atajos activos con un interruptor al lado de cada uno: lo apagas y esa tecla vuelve a ser de la web, solo en esa web. En las demás sigue funcionando.",[10,363,364],{},[59,365],{"alt":366,"height":367,"src":368,"width":100},"El popup activo, con los atajos básicos y su interruptor para apagarlos solo en este sitio",739,"\u002Fimages\u002Fposts\u002Fvideo-accessibility\u002Fpopup-activo.webp",[10,370,371,372,375],{},"Si quieres ir más lejos, en ",[33,373,374],{},"Por dominio"," puedes tener un juego de teclas distinto para cada web.",[69,377,379],{"id":378},"eventos-personalizados-para-quien-quiera-ir-más-allá","Eventos personalizados (para quien quiera ir más allá)",[10,381,382,383,386],{},"Esta parte es algo más técnica. Un evento personalizado es una regla: ",[33,384,385],{},"en esta web, cuando pulse esta tecla, haz clic en este botón"," (o escóndelo).",[10,388,389,390,392,393,395],{},"El ejemplo más claro es el botón de \"me gusta\". En la web de demostración, ",[14,391,347],{}," + ",[14,394,279],{}," lo pulsa por mí:",[10,397,398],{},[59,399],{"alt":400,"height":62,"src":401,"width":64},"La web de demostración con el botón \"Te gusta\" activado tras pulsar Shift + L","\u002Fimages\u002Fposts\u002Fvideo-accessibility\u002Flike-con-una-tecla.webp",[10,403,404,405,408],{},"Se crea en la pestaña ",[33,406,407],{},"Eventos custom"," de los ajustes:",[77,410,411,417,434,440,446,459],{},[80,412,413,416],{},[33,414,415],{},"Nombre",": lo que quieras, para reconocerlo.",[80,418,419,422,423,426,427,430,431,92],{},[33,420,421],{},"Selector CSS",": cómo encontrar el botón en la página. Para sacarlo, haz clic derecho sobre el botón, ",[33,424,425],{},"Inspeccionar",", y fíjate en su clase o su id. En la demo, el botón tiene la clase ",[14,428,429],{},"like-btn",", así que el selector es ",[14,432,433],{},".like-btn",[80,435,436,439],{},[33,437,438],{},"Probar",": busca el selector en una pestaña abierta y te dice cuántos elementos encuentra. Funciona mejor si solo tienes abierta esa web. Si dice cero, el selector no es el bueno.",[80,441,442,445],{},[33,443,444],{},"Dominio",": una web concreta o todas las permitidas.",[80,447,448,451,452,455,456,92],{},[33,449,450],{},"Acción",": ",[33,453,454],{},"Clic"," u ",[33,457,458],{},"Ocultar",[80,460,461,464],{},[33,462,463],{},"Atajo",": la tecla que lo dispara.",[10,466,467],{},[59,468],{"alt":469,"height":470,"src":471,"width":355},"La pestaña de eventos personalizados con el evento \"Me gusta\", su selector .like-btn y el atajo Shift + L",740,"\u002Fimages\u002Fposts\u002Fvideo-accessibility\u002Fopciones-eventos.webp",[10,473,474,475,477,478,481],{},"Si dejas el evento sin tecla, se ejecuta solo cada vez que el elemento aparece en la página. Sirve para cerrar una capa que te tapa el vídeo o para esconder algo que molesta: con ",[33,476,458],{}," y el modo ",[33,479,480],{},"Ocultar al entrar",", el elemento desaparece en cuanto carga la web y cada vez que vuelve a aparecer.",[10,483,484],{},"Los eventos se pueden exportar e importar en un archivo, igual que toda la configuración. Úsalos en las webs que tú usas y para tu comodidad. No es una herramienta para automatizar nada a escala.",[10,486,487,488,492],{},"Es lo mismo que hace ",[44,489,491],{"href":490},"\u002Fproyectos\u002Fyoutube-like-shortcut","YouTube Like Shortcut"," con el like de YouTube, pero para cualquier botón de cualquier web.",[69,494,496],{"id":495},"pequeños-detalles","Pequeños detalles",[269,498,499,517,531,537,546],{},[80,500,501,504,505,508,509,512,513,516],{},[33,502,503],{},"No molesta al escribir."," Si estás en un buscador, en un comentario o en cualquier campo de texto, las teclas escriben, no controlan el vídeo. Tampoco reacciona si pulsas ",[14,506,507],{},"Ctrl",", ",[14,510,511],{},"Alt"," o ",[14,514,515],{},"Cmd",", para no pisar los atajos del navegador.",[80,518,519,522,523,526,527,530],{},[33,520,521],{},"Si una web insiste."," Algunas webs reaccionan a la misma tecla que la extensión y hacen las dos cosas a la vez. En ",[33,524,525],{},"Avanzado",", el modo de bloqueo ",[33,528,529],{},"Estricto"," corta la tecla para que solo actúe la extensión.",[80,532,533,536],{},[33,534,535],{},"El aviso, a tu gusto."," Se puede apagar, cambiar su duración o moverlo a una esquina. También cuántos segundos avanzan y retroceden las flechas y cuánto sube la velocidad con cada pulsación.",[80,538,539,542,543,545],{},[33,540,541],{},"Estadísticas."," En ",[33,544,343],{}," puedes ver cuántas veces has usado cada uno. Se guardan solo en tu navegador.",[80,547,548,551],{},[33,549,550],{},"Tema claro u oscuro"," y cinco idiomas: español, inglés, francés, portugués y chino.",[69,553,555],{"id":554},"privacidad","Privacidad",[10,557,558],{},"Todo pasa en tu navegador. La extensión no tiene servidor, no lleva analíticas ni telemetría, no pide cuenta y no guarda qué vídeos ves ni por qué webs pasas. Tus ajustes se quedan en el almacenamiento local de Chrome.",[69,560,562],{"id":561},"instalarla","Instalarla",[10,564,42,565,568,569,92],{},[44,566,49],{"href":46,"rel":567},[48],". Si te interesa cómo encuentra el vídeo correcto o cómo evita quedarse con teclas que no son suyas, lo cuento en ",[44,570,54],{"href":53},{"title":572,"searchDepth":573,"depth":573,"links":574},"",2,[575,576,577,578,579,580,581,582],{"id":71,"depth":573,"text":72},{"id":121,"depth":573,"text":122},{"id":266,"depth":573,"text":267},{"id":336,"depth":573,"text":337},{"id":378,"depth":573,"text":379},{"id":495,"depth":573,"text":496},{"id":554,"depth":573,"text":555},{"id":561,"depth":573,"text":562},"2026-10-26","Una extensión de Chrome que añade los atajos de teclado de YouTube a cualquier página con un vídeo HTML. Pulsas 3 y saltas al 30 %, cambias la velocidad, haces un bucle o pulsas el botón de \"me gusta\" con una tecla. Solo en las webs que eliges y sin enviar ningún dato. Qué hace y cómo se usa.",false,"md",{},true,"\u002Farticulos\u002Fvideo-accessibility-atajos-de-youtube-en-cualquier-video",{"title":5,"description":584},"articulos\u002Fvideo-accessibility-atajos-de-youtube-en-cualquier-video",[593,594,595,554],"video-accessibility","productividad","accesibilidad","guia","GGJSVkK4PxJ1aTN2qGrZY2EHXUquNTzATe06q409kD0",null,1793761188300]