Come posso catturare schermate dei video di YouTube a schermo intero?


17

Sto cercando di fare uno screenshot di un video di YouTube a schermo intero.

Quando metto in pausa il video e aspetto un momento, scompare solo la barra UI inferiore (riproduzione / pausa / ricerca). La barra superiore dell'interfaccia utente (Mi piace / Condividi / Altre informazioni) rimane lì.

Quindi, quando premo PrintScreensulla tastiera, lo screenshot è inquinato da questa barra dell'interfaccia utente superiore. C'è un modo per rimuoverlo mentre il video è in pausa?


Perché non mettere semplicemente una scatola nera sopra la barra dell'interfaccia utente nell'immagine salvata della schermata?
Ƭᴇcʜιᴇ007,

2
@ techie007 Volevo trovare un modo per ottenere lo screenshot senza perdere parte dell'immagine ...
SemMike

Risposte:


26

Bookmarklet per nascondere tutti i progressi / le barre degli strumenti dei video di YouTube con un clic

(semplifica l'acquisizione di uno screenshot HD a schermo intero pulito)


Per aggiungere il bookmarklet:

  1. evidenziare il testo nella casella successiva

    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. trascina il testo evidenziato sulla barra degli strumenti dei segnalibri del browser

  3. rinominare il segnalibro appena creato, se lo si desidera

Per USARE il Bookmarklet (per rimuovere progressi / barre degli strumenti):

  1. carica qualsiasi video di YouTube
  2. fai clic sul segnalibro
  3. Tutti i progressi / le barre degli strumenti sono spariti
    (ANCHE QUANDO IL PAUSA VIDEO)

Per ripristinare tutte le barre degli strumenti:

  • ricarica la pagina

Per CONTROLLARE IL VIDEO (senza barra degli strumenti dei pulsanti):

  • Schermo intero: fai doppio clic sul video
  • Riavvolgimento / Avanzamento rapido: tasti freccia sinistra / destra

1
Questa è la risposta corretta Ha funzionato perfettamente.
Joshua Dance,

5
È possibile aggiungere .ytp-gradient-tope .ytp-gradient-bottomclassi all'elenco per nascondere anche il gradiente scuro.
Sumit

1
qualcuno sa che cosa questo si fa: if ("\v" == "v")?
JinSnow,

@JinSnow Apparentemente è un trucco per verificare se il browser è Internet Explorer o meno. fonte: ajaxian.com/archives/ievv
Adam Toth,

@Sumito Ho suggerito di modificare per aggiungere sfumature nello script in modo che le persone possano semplicemente copiare e utilizzare il tutto. In attesa di revisione tra pari.
hsandt,

7

L'unico modo in cui sono riuscito a trovare era semplicemente scaricare il video da Youtube, riprodurlo in qualsiasi lettore multimediale e fare uno screenshot da lì (con l'opzione screenshot del lettore multimediale o PrtScnsulla tastiera).


1
Solo un altro modo in cui il DRM fa del male alle persone oneste.
Coseno,

7

Che ne dici di non mettere in pausa e colpire PrtScnquando il tempismo è giusto. Se questa non è un'opzione, Windows 7 ha uno strumento chiamato Snipping Tool che ti permetterà di tagliare la barra dell'interfaccia utente in alto, ovviamente a costo di perdere quell'area video.


Grazie ma distrugge parte dell'immagine, potrei semplicemente scartare quella parte con Paint ma il punto era quello di ottenere l'intera immagine ...
SemMike

2
Il tempismo in questo modo è possibile ma super frustrante. :)
Joshua Dance

5

È possibile utilizzare http://www.youtubescreenshot.com per ottenere una schermata dalla posizione personalizzata


1
Un sito simile sarebbe ytscreen.com che prende anche vari screenshot da un video di YouTube.
Zeddex,

Sebbene questo collegamento possa rispondere alla domanda, è meglio includere qui le parti essenziali della risposta e fornire il collegamento come riferimento. Le risposte di solo collegamento possono diventare non valide se la pagina collegata cambia. - Dalla recensione
nKn

3
@nKn Questa non è una semplice risposta a un link, ma una raccomandazione software / sito Web
gioco di

@nKn il link è la risposta. Potrebbe scrivere su ciò che fa, ma se il link scompare, aumenta anche il valore della risposta.
Joshua Dance,

5

Come estensione dell'estensione JumboDS64 della risposta di oLinkWebDevelopment, ho notato che c'è ancora un gradiente nella parte superiore del video, che può essere rimosso con il nome "ytp-gradient-top" per un look completo e pulito. Il comando aggiornato è:

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

Digita questi in Javascript Console:

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

per la GUI inferiore;

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

per gradiente inferiore;

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

per la migliore GUI;

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

per gradiente superiore;

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

per il marchio;

Ecco il codice semplice:

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

Nota, dovrai navigare tramite i controlli da tastiera, ma non è troppo difficile (freccia sinistra, freccia destra, spazio)


1

Come estensione della risposta di oLinkWebDevelopment, all'inizio, anche "ytp-gradient-bottom" dovrebbe essere eliminato (ovvero il gradiente nero nella parte inferiore del video che fa parte della barra degli strumenti di pausa). Con quello aggiunto, il 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}})();
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.