web-dev-qa-db-fra.com

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

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

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

Alors quand j'appuie PrintScreen sur le clavier, la capture d’écran est polluée par cette barre d’interface utilisateur supérieure. Est-il possible de l'enlever pendant que la vidéo est en pause?

youtubescreenshotfullscreen
14
SemMike

La seule façon pour moi de trouver était simplement de télécharger la vidéo de Youtube, de la lire dans n’importe quel lecteur multimédia et de prendre une capture d’écran à partir de celle-ci (soit avec PrtScn sur le clavier).

6
SemMike

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

(facilite l'obtention d'une capture d'écran propre en plein écran HD)

Pour AJOUTER le 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 == "chaîne")? "innerText": "innerHTML"] = goaway}}) ();

2. drag the highlighted text to your browser bookmarks toolbar
3. rename the newly created bookmark *if desired*

UTILISER le marque-page (pour supprimer la barre de progression/les barres d'outils)

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

Pour RESTAURER toutes les barres d'outils: 

- refresh the page

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

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

Pourquoi ne pas faire une pause et frapper PrtScn quand le moment est propice. Si ce n’est pas une option, Windows 7 dispose d’un outil appelé Outil de capture qui vous permettra de couper la barre d’interface utilisateur supérieure, bien sûr au prix de la perte d’une zone vidéo importante.

7
atr

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

4
Hese

En tant qu'extension de l'extension de la réponse de oLinkWebDevelopment de JumboDS64, j'ai remarqué qu'il y avait 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 net. 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}})();
3
Vincent Han

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

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

1
Keter

En tant qu'extension de la réponse de oLinkWebDevelopment, au début, vous devez également supprimer "ytp-gradient-bottom" (c'est-à-dire le dégradé noir au bas de la vidéo qui fait partie de la barre d'outils de pause). Avec cela ajouté, la commande est la suivante:

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