Comment puis-je prendre des captures d'écran de vidéos YouTube en plein écran?

17

J'essaie de prendre une capture d'écran d'une vidéo YouTube en plein écran.

Lorsque je mets la vidéo en pause et que j'attends un instant, seule la barre d'interface inférieure (lecture / pause / recherche) disparaît. La barre supérieure de l'interface utilisateur (J'aime / Partager / Plus d'informations) y reste.

Donc, lorsque j'appuie PrintScreensur le clavier, la capture d'écran est polluée par cette barre d'interface supérieure. Existe-t-il un moyen de le supprimer pendant que la vidéo est en pause?

youtube screenshot fullscreen SemMike
la source
Pourquoi ne pas simplement placer une boîte noire sur la barre d'interface utilisateur dans l'image de capture d'écran enregistrée?
Ƭᴇcʜιᴇ007
2
@ techie007 Je voulais trouver un moyen d'obtenir la capture d'écran sans perdre une partie de l'image ...
SemMike

Réponses:

26

Bookmarklet pour masquer tous les progrès de la vidéo YouTube / barres d'outils en un seul clic

(permet d'obtenir facilement une capture d'écran HD plein écran propre)

POUR AJOUTER le Bookmarklet:

  1. surlignez le texte dans la case suivante

    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. faites glisser le texte en surbrillance vers la barre d'outils des signets de votre navigateur

  3. renommer le nouveau signet si vous le souhaitez

Pour UTILISER le Bookmarklet (pour supprimer les barres de progression / d'outils):

  1. charger n'importe quelle vidéo YouTube
  2. cliquez sur le signet
  3. Toutes les barres de progression / d'outils ont disparu
    (MÊME LORS DE LA Pause vidéo)

Pour restaurer toutes les barres d'outils:

  • actualiser la page

Pour contrôler la vidéo (sans la barre d'outils des boutons):

  • Plein écran: double-cliquez sur la vidéo
  • Rembobinage / avance rapide: touches fléchées gauche / droite
oLinkWebDevelopment
la source
1
Ceci est la bonne réponse. Fonctionne parfaitement.
Joshua Dance
5
Vous pouvez ajouter .ytp-gradient-topet les .ytp-gradient-bottomclasses à la liste pour cacher le gradient de noir aussi bien.
Sumit
1
quelqu'un sait ce que celui-ci fait if ("\v" == "v"):?
JinSnow
@JinSnow Apparemment, c'est un petit hack pour tester si le navigateur est Internet Explorer ou non. source: ajaxian.com/archives/ievv
Adam Toth
@Sumit J'ai suggéré de modifier pour ajouter des dégradés dans le script afin que les gens puissent simplement copier-coller et utiliser le tout. En attente d'un examen par les pairs.
hsandt
7

La seule façon que j'ai pu trouver était simplement de télécharger la vidéo depuis Youtube, de la lire dans n'importe quel lecteur multimédia et de prendre une capture d'écran à partir de là (soit avec l'option de capture d'écran du lecteur multimédia, soit PrtScnsur le clavier).

SemMike
la source
1
Juste une autre façon dont DRM blesse les honnêtes gens.
Cosine
7

Que diriez-vous de ne pas vous arrêter et de frapper PrtScnlorsque le moment est venu? Si ce n'est pas une option, Windows 7 dispose d'un outil appelé Snipping Tool qui vous permettra de couper la barre d'interface supérieure, bien sûr au prix de perdre autant de zone vidéo.

atr
la source
Merci mais cela détruit une partie de l'image, je pouvais juste jeter cette partie avec Paint mais le but était d'obtenir l'image entière ...
SemMike
2
Le chronométrer comme ceci est possible mais super frustrant. :)
Joshua Dance
5

Vous pouvez utiliser http://www.youtubescreenshot.com pour obtenir une capture d'écran à partir d'une position personnalisée

Hese
la source
1
Un site similaire serait ytscreen.com qui prend également diverses captures d'écran d'une vidéo youtube.
zeddex
Bien que ce lien puisse répondre à la question, il est préférable d'inclure les parties essentielles de la réponse ici et de fournir le lien de référence. Les réponses de lien uniquement peuvent devenir invalides si la page liée change. - De l'avis
nKn
3
@nKn Ce n'est pas une réponse régulière de lien seulement mais une recommandation de logiciel / site Web
jeu de mots le
@nKn le lien est la réponse. Il pourrait écrire sur ce qu'il fait, mais si le lien disparaît, la valeur de la réponse fait de même.
Joshua Dance
5

En tant qu'extension de l'extension de JumboDS64 de la réponse de oLinkWebDevelopment, j'ai remarqué qu'il y a toujours un dégradé en haut de la vidéo, qui peut être supprimé avec le nom "ytp-gradient-top" pour un look complet et épuré. La commande mise à jour est:

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
la source
2

Tapez-les dans la console Javascript:

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

pour l'interface graphique inférieure;

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

pour le gradient inférieur;

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

pour la meilleure interface graphique;

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

pour le gradient supérieur;

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

pour l'image de marque;

Voici le code 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";

Remarque, vous devrez naviguer via les commandes du clavier, mais ce n'est pas trop difficile (flèche gauche, flèche droite, espace)

Keter
la source
1

Dans le prolongement de la réponse de oLinkWebDevelopment, au début, "ytp-gradient-bottom" devrait également être supprimé (c'est-à-dire le dégradé noir en bas de la vidéo qui fait partie de la barre d'outils de pause). Avec cela ajouté, la commande est:

(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
la source