Jak mogę robić zrzuty ekranu filmów z YouTube na pełnym ekranie?


17

Próbuję zrobić zrzut ekranu z filmu na YouTube na pełnym ekranie.

Kiedy wstrzymuję wideo i czekam chwilę, tylko dolny pasek interfejsu użytkownika (odtwarzanie / pauza / wyszukiwanie) znika. Górny pasek interfejsu użytkownika (Lubię to / Udostępnij / Więcej informacji) pozostaje tam.

Kiedy naciskam PrintScreenna klawiaturę, zrzut ekranu jest zanieczyszczony przez górny pasek interfejsu użytkownika. Czy jest jakiś sposób, aby go usunąć, gdy film jest wstrzymany?


Dlaczego po prostu nie nałożyć czarnego pola na pasek interfejsu w zapisanym obrazie z ekranu?
Ƭᴇcʜιᴇ007

2
@ techie007 Chciałem znaleźć sposób, aby uzyskać zrzut ekranu bez utraty części obrazu ...
SemMike,

Odpowiedzi:


26

Bookmarklet, aby ukryć wszystkie postępy / paski narzędzi wideo YouTube jednym kliknięciem

(ułatwia uzyskanie czystego pełnego ekranu HD)


Aby dodać zakładkę:

  1. zaznacz tekst w następnym polu

    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. przeciągnij podświetlony tekst na pasek narzędzi zakładek przeglądarki

  3. w razie potrzeby zmień nazwę nowo utworzonej zakładki

Aby UŻYWAĆ Bookmarklet (w celu usunięcia postępu / pasków narzędzi):

  1. załaduj dowolny film z YouTube
  2. kliknij zakładkę
  3. Zniknęły wszystkie paski postępu / paski narzędzi
    (NAWET GDY WSTRZYMANIE WIDEO)

Aby przywrócić wszystkie paski narzędzi:

  • Odśwież stronę

Aby STEROWAĆ WIDEO (bez paska narzędzi przycisków):

  • Pełny ekran: kliknij dwukrotnie wideo
  • Przewijanie do tyłu / do przodu: klawisze strzałek w lewo / w prawo

1
To jest poprawna odpowiedź. Działał idealnie.
Joshua Dance

5
Możesz dodać .ytp-gradient-topi .ytp-gradient-bottomlisty do listy, aby ukryć również ciemny gradient.
Sumit

1
ktoś wie, co to robi if ("\v" == "v"):?
JinSnow,

@JinSnow Najwyraźniej to krótki hack, aby sprawdzić, czy przeglądarka to Internet Explorer, czy nie. źródło: ajaxian.com/archives/ievv
Adam Toth

@Sumit Zasugerowałem edycję, aby dodać gradienty w skrypcie, aby ludzie mogli po prostu skopiować wklej i użyć całej rzeczy. Oczekiwanie na recenzję.
hsandt,

7

Jedyny sposób, jaki mogłem znaleźć, to po prostu pobrać film z serwisu YouTube, odtworzyć go w dowolnym odtwarzaczu multimedialnym i zrobić zrzut ekranu z tego miejsca (z opcją zrzutu ekranu odtwarzacza multimedialnego lub PrtScnna klawiaturze).


1
To kolejny sposób, w jaki DRM boli uczciwych ludzi.
Cosine

7

A może nie pauzować i nie uderzać w odpowiednim PrtScnmomencie. Jeśli nie jest to opcja, system Windows 7 ma narzędzie o nazwie Narzędzie wycinania , które pozwala odciąć górny pasek interfejsu użytkownika, oczywiście kosztem utraty tak dużej powierzchni wideo.


Dzięki, ale niszczy część obrazu, mogłem po prostu odrzucić tę część z
Paintem,

2
Tak zaplanowane tak jest możliwe, ale bardzo frustrujące. :)
Joshua Dance

5

Możesz użyć http://www.youtubescreenshot.com, aby uzyskać zrzut ekranu z niestandardowej pozycji


1
Podobną witryną byłaby witryna ytscreen.com, która również pobiera różne zrzuty ekranu z filmu z YouTube.
zeddex,

Chociaż ten link może odpowiedzieć na pytanie, lepiej dołączyć tutaj istotne części odpowiedzi i podać link w celach informacyjnych. Odpowiedzi zawierające tylko łącze mogą stać się nieprawidłowe, jeśli połączona strona ulegnie zmianie. - Z recenzji
nKn

3
@nKn To nie jest zwykła odpowiedź tylko na link, ale zalecenie dotyczące oprogramowania / strony internetowej
pun

@nKn link jest odpowiedzią. Mógłby napisać o tym, co robi, ale jeśli link zniknie, wartość odpowiedzi również się zmieni.
Joshua Dance

5

Jako rozszerzenie odpowiedzi oLinkWebDevelopment JumboDS64 zauważyłem, że u góry wideo nadal znajduje się gradient , który można usunąć za pomocą nazwy „ytp-gradient-top”, aby uzyskać pełny, czysty wygląd. Zaktualizowane polecenie to:

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

Wpisz je w konsoli JavaScript:

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

dla dolnego GUI;

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

dla dolnego gradientu;

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

dla najlepszego GUI;

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

dla górnego gradientu;

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

dla brandingu;

Oto prosty kod:

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

Pamiętaj, że będziesz musiał nawigować za pomocą kontrolek klawiatury, ale to nie jest zbyt trudne (strzałka w lewo, strzałka w prawo, spacja)


1

Jako rozszerzenie odpowiedzi oLinkWebDevelopment na początku należy również usunąć „ytp-gradient-bottom” (czyli czarny gradient na dole wideo, który jest częścią paska narzędzi pauzy). Po dodaniu tego polecenia jest to:

(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}})();
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.