Como posso capturar imagens de tela de vídeos do YouTube em tela cheia?


17

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

Quando faço uma pausa no vídeo e espero um momento, apenas a barra inferior da interface do usuário (reproduzir / pausar / procurar) desaparece. A barra superior da interface do usuário (Curtir / Compartilhar / Mais informações) permanece lá.

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


Por que não colocar uma caixa preta sobre a barra da interface do usuário na imagem salva da captura de tela?
precisa saber é o seguinte

2
@ techie007 Eu queria encontrar uma maneira de obter a imagem sem perder parte da imagem ...
SemMike

Respostas:


26

Bookmarklet para ocultar todo o progresso de vídeo do YouTube / barras de ferramentas com um clique

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


Para ADICIONAR o Bookmarklet:

  1. destaque o texto na próxima caixa

    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. arraste o texto destacado para a barra de favoritos do seu navegador

  3. renomeie o marcador recém-criado, se desejar

Para USAR o Bookmarklet (para remover as barras de progresso / ferramentas):

  1. carregar qualquer vídeo do YouTube
  2. clique no marcador
  3. Todas as barras de progresso / ferramentas desapareceram
    (MESMO AO PAUSAR O VÍDEO)

Para restaurar todas as barras de ferramentas:

  • recarregue a página

Para CONTROLAR VÍDEO (sem barra de ferramentas de botões):

  • Tela cheia: clique duas vezes no vídeo
  • Retroceder / Avançar rapidamente: teclas de seta esquerda / direita

1
Essa é a resposta correta. Funcionou perfeitamente.
Joshua Dance

5
Você pode adicionar .ytp-gradient-tope .ytp-gradient-bottomclasses à lista para ocultar o gradiente escuro também.
Sumit

1
alguém sabe o que esse faz if ("\v" == "v"):?
JinSnow 29/09

@ JinSnow Aparentemente, é um pequeno truque para testar se o navegador é o Internet Explorer ou não. Fonte: ajaxian.com/archives/ievv
Adam Toth

@ Sugiro editar para adicionar gradientes no script para que as pessoas possam copiar e colar e usar a coisa toda. À espera de revisão por pares.
hsandt

7

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


1
Apenas outra maneira como o DRM machuca pessoas honestas.
Cosine

7

Que tal não pausar e bater PrtScnquando for o momento certo? Se essa não for uma opção, o Windows 7 possui uma ferramenta chamada Snipping Tool que permite cortar a barra superior da interface do usuário, é claro, com o custo de perder essa área de vídeo.


Obrigado, mas ele destrói parte da imagem, eu poderia simplesmente descartar essa parte com pintura, mas o ponto era fazer com que a imagem inteira ...
SemMike

2
Cronometrar assim é possível, mas super frustrante. :)
Joshua Dance

5

Você pode usar http://www.youtubescreenshot.com para obter uma captura de tela da posição personalizada


1
Um site semelhante seria o ytscreen.com, que também tira várias capturas de tela de um vídeo do youtube.
Zeddex

Embora esse link possa responder à pergunta, é melhor incluir aqui as partes essenciais da resposta e fornecer o link para referência. As respostas somente para links podem se tornar inválidas se a página vinculada for alterada. - Do comentário
nKn 2/16/16

3
@nKn Esta não é uma ligação regular única resposta, mas uma recomendação software / website
pun

@ nKn o link é a resposta. Ele poderia escrever sobre o que faz, mas se o link desaparecer, o valor da resposta também desaparecerá.
Joshua Dance

5

Como uma extensão da resposta de oLinkWebDevelopment do JumboDS64, notei que ainda há um gradiente na parte superior do vídeo, que pode ser removido com o nome "ytp-gradient-top" para obter uma aparência completa e limpa. 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}})();

2

Digite estes no Javascript Console:

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

para GUI inferior;

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

para gradiente inferior;

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

para 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 marcar;

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

Observe que você precisará navegar pelos controles do teclado, mas isso não é muito difícil (seta para a esquerda, seta para a direita, espaço)


1

Como uma extensão da resposta do oLinkWebDevelopment, no início, "ytp-gradient-bottom" também deve ser excluído (sendo 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}})();
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.