Como posso tirar screenshots de vídeos do YouTube em tela cheia?

Question

Estou tentando tirar uma captura de tela de um vídeo do YouTube em tela cheia.

Quando pausar o vídeo e esperar um momento, apenas a barra de interface inferior (reproduzir / pausar / procurar) desaparece. A barra superior da interface do usuário (como / compartilhar / mais informações) permanece lá.

Então, quando pressiono PrintScreen no teclado, a captura de tela é poluída por essa barra de interface superior. Existe alguma maneira de removê-lo enquanto o vídeo está em pausa?

    

Answer 1

A única maneira que encontrei foi simplesmente baixar o vídeo do Youtube, reproduzi-lo em qualquer reprodutor de mídia e fazer uma captura de tela (com a opção de captura de tela do reprodutor de mídia ou PrtScn ) teclado).

    

Answer 2

Bookmarklet para ocultar todas as barras de ferramentas / Progresso em vídeo do YouTube com um clique

(facilita a obtenção de uma captura de tela limpa em tela cheia em HD)

Para adicionar o Bookmarklet:

1. highlight the the text in the next box

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. drag the highlighted text to your browser bookmarks toolbar
3. rename the newly created bookmark *if desired*

Para usar o Bookmarklet (para remover o progresso / barras de ferramentas)

1. load any youtube video
2. click the bookmark
3. All progress/toolbars are gone 
(EVEN WHEN PAUSING VIDEO)

Para RESTAURAR todas as barras de ferramentas:

- refresh the page

Para CONTROL VIDEO (sem barra de ferramentas de botões)

- Fullscreen: double-click the video
- Rewind/FastForward: left/right arrow keys

    

Answer 3

Como não pausar e apertar PrtScn quando o tempo estiver correto? Se isso não for uma opção, o Windows 7 tem uma ferramenta chamada Snipping Tool que permitirá que você corte a barra de interface superior, é claro, com o custo de perder aquela área de vídeo.

    

Answer 4

Você pode usar o link para obter uma captura de tela a partir da posição personalizada

    

Answer 5

Como uma extensão da extensão da resposta do oLinkWebDevelopment do JumboDS64, notei que ainda há um gradiente no topo do vídeo, que pode ser removido com o nome "ytp-gradient-top" para o visual completo e limpo. O comando atualizado é:

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}})();

    

Answer 6

Como uma extensão da resposta do oLinkWebDevelopment, no início, "ytp-gradient-bottom" também deve ser excluído (que é o gradiente preto na parte inferior do vídeo que faz parte da barra de ferramentas de pausa). Com isso adicionado, o comando é:

(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}})();

    

Answer 7

Digite estes no Console Javascript:

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

para a GUI inferior;

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

para gradiente inferior;

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

para a melhor GUI;

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

para o gradiente superior;

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

para branding;

Aqui está o código simples:

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";

Note que você terá que navegar através de controles de teclado, mas isso não é muito difícil (seta para esquerda, seta para direita, espaço)