¿Cómo puedo tomar capturas de pantalla de videos de YouTube en pantalla completa?

17

Estoy tratando de tomar una captura de pantalla de un video de YouTube en pantalla completa.

Cuando detengo el video y espero un momento, solo desaparece la barra inferior de la interfaz de usuario (reproducción / pausa / búsqueda). La barra superior de la interfaz de usuario (Me gusta / Compartir / Más información) permanece allí.

Entonces, cuando presiono PrintScreenel teclado, la captura de pantalla está contaminada por esta barra superior de la interfaz de usuario. ¿Hay alguna forma de eliminarlo mientras el video está en pausa?

SemMike
fuente
¿Por qué no colocar un cuadro negro sobre la barra de la interfaz de usuario en la imagen de captura de pantalla guardada?
Ƭᴇcʜιᴇ007
2
@ techie007 Quería encontrar una manera de obtener la captura de pantalla sin perder parte de la imagen ...
SemMike

Respuestas:

26

Bookmarklet para ocultar todas las barras de herramientas / progreso de videos de YouTube con un solo clic

(hace que sea fácil obtener una captura de pantalla HD limpia a pantalla completa)


Para AGREGAR el Bookmarklet:

  1. resalte el texto en el cuadro siguiente

    javascript:(function(){var goaway=".ytp-chrome-top,.ytp-chrome-bottom{display:none;}";if("\v"=="v"){document.createStyleSheet().cssText=goaway}else{var tag=document.createElement("style");tag.type="text/css";document.getElementsByTagName("head")[0].appendChild(tag);tag[(typeof document.body.style.WebkitAppearance=="string")?"innerText":"innerHTML"]=goaway}})();

  2. arrastre el texto resaltado a la barra de herramientas de marcadores de su navegador

  3. cambie el nombre del marcador recién creado si lo desea

PARA UTILIZAR el Bookmarklet (para eliminar progreso / barras de herramientas):

  1. cargar cualquier video de YouTube
  2. haga clic en el marcador
  3. Todos los progresos / barras de herramientas se han ido
    (INCLUSO CUANDO PAUSA VIDEO)

PARA RESTAURAR todas las barras de herramientas:

  • recarga la página

PARA CONTROLAR VIDEO (sin barra de herramientas de botones):

  • Pantalla completa: haga doble clic en el video
  • Rebobinar / Avance rápido: teclas de flecha izquierda / derecha
oLinkWebDevelopment
fuente
1
Esta es la respuesta correcta. Funcionó a la perfección.
Joshua Dance
55
Puede agregar .ytp-gradient-topy .ytp-gradient-bottomclases a la lista para ocultar el degradado oscuro también.
Sumit
1
Alguien sabe lo que hace este if ("\v" == "v"):?
JinSnow
@ JinSnow Aparentemente es un truco corto para probar si el navegador es Internet Explorer o no. fuente: ajaxian.com/archives/ievv
Adam Toth
@Sumit Sugerí editar para agregar gradientes en el script para que las personas puedan simplemente copiar y pegar y usar todo. A la espera de una revisión por pares.
hsandt
7

La única forma que pude encontrar fue simplemente descargar el video de Youtube, reproducirlo en cualquier reproductor multimedia y tomar una captura de pantalla desde allí (ya sea con la opción de captura de pantalla del reproductor multimedia o PrtScnen el teclado).

SemMike
fuente
1
Otra forma en que DRM lastima a las personas honestas.
Cosine
7

¿Qué tal no pausar y golpear PrtScncuando sea el momento adecuado? Si esa no es una opción, Windows 7 tiene una herramienta llamada Snipping Tool que le permitirá cortar la barra superior de la interfaz de usuario, por supuesto a costa de perder esa área de video.

atr
fuente
Gracias pero destruye parte de la imagen, podría descartar esa parte con Paint, pero el punto era obtener la imagen completa ...
SemMike
2
Hacerlo así es posible pero súper frustrante. :)
Joshua Dance
5

Puede usar http://www.youtubescreenshot.com para obtener una captura de pantalla desde una posición personalizada

Hese
fuente
1
Un sitio similar sería ytscreen.com que también toma varias capturas de pantalla de un video de youtube.
zeddex
Si bien este enlace puede responder la pregunta, es mejor incluir las partes esenciales de la respuesta aquí y proporcionar el enlace como referencia. Las respuestas de solo enlace pueden volverse inválidas si la página vinculada cambia. - De la opinión
nKn
3
@nKn Esta no es una respuesta de enlace regular, sino una recomendación de software / sitio web
juego de palabras el
@nKn el enlace es la respuesta. Podría escribir sobre lo que hace, pero si el enlace desaparece, también lo hace el valor de la respuesta.
Joshua Dance
5

Como una extensión de la extensión de JumboDS64 de la respuesta de oLinkWebDevelopment, noté que todavía hay un gradiente en la parte superior del video, que se puede eliminar con el nombre "ytp-gradient-top" para una apariencia completa y limpia. El comando actualizado es:

javascript:(function(){var goaway=".ytp-gradient-bottom,.ytp-gradient-top,.ytp-chrome-top,
.ytp-chrome-bottom{display:none;}";
if("\v"=="v"){document.createStyleSheet().cssText=goaway}
else{var tag=document.createElement("style");
tag.type="text/css";document.getElementsByTagName("head")[0].appendChild(tag);
tag[(typeof document.body.style.WebkitAppearance=="string")?"innerText":"innerHTML"]=goaway}})();
Vincent Han
fuente
2

Escriba estos en la consola de Javascript:

document.getElementsByClassName("ytp-chrome-bottom")[0].style.display="none"; 

para la GUI inferior;

document.getElementsByClassName("ytp-gradient-bottom")[0].style.display="none";

para gradiente inferior;

document.getElementsByClassName("ytp-chrome-top")[0].style.display="none"; 

para la GUI superior;

document.getElementsByClassName("ytp-gradient-top")[0].style.display="none";

para gradiente superior;

document.getElementsByClassName("branding-img-container")[0].style.display="none";document.getElementsByClassName("branding-context-container-outer")[0].style.display="none";

para la marca;

Aquí está el código simple:

document.getElementsByClassName("ytp-chrome-bottom")[0].style.display="none";
document.getElementsByClassName("ytp-gradient-bottom")[0].style.display="none";
document.getElementsByClassName("ytp-chrome-top")[0].style.display="none";
document.getElementsByClassName("ytp-gradient-top")[0].style.display="none";
document.getElementsByClassName("branding-img-container")[0].style.display="none";
document.getElementsByClassName("branding-context-container-outer")[0].style.display="none";

Tenga en cuenta que tendrá que navegar a través de los controles del teclado, pero eso no es demasiado difícil (flecha izquierda, flecha derecha, espacio)

Keter
fuente
1

Como una extensión de la respuesta de oLinkWebDevelopment, al principio, "ytp-gradient-bottom" también debe eliminarse (es decir, el degradado negro en la parte inferior del video que forma parte de la barra de herramientas de pausa). Con eso agregado, el comando es:

(function(){var goaway=".ytp-gradient-bottom,.ytp-chrome-top,.ytp-chrome-bottom{display:none;}";if("\v"=="v"){document.createStyleSheet().cssText=goaway}else{var tag=document.createElement("style");tag.type="text/css";document.getElementsByTagName("head")[0].appendChild(tag);tag[(typeof document.body.style.WebkitAppearance=="string")?"innerText":"innerHTML"]=goaway}})();
JumboDS64
fuente