Как я могу сделать скриншоты видео YouTube в полноэкранном режиме?


17

Я пытаюсь сделать скриншот видео на YouTube в полноэкранном режиме.

Когда я приостанавливаю видео и жду немного, исчезает только нижняя панель интерфейса (воспроизведение / пауза / поиск). Верхняя панель интерфейса (Like / Share / More Info) остается там.

Поэтому, когда я нажимаю PrintScreenна клавиатуру, снимок экрана загрязняется этой верхней панелью интерфейса. Есть ли способ удалить его, когда видео находится на паузе?


Почему бы просто не поставить черный прямоугольник над панелью интерфейса на сохраненном снимке экрана?
Ƭᴇcʜιᴇ007

2
@ techie007 Я хотел найти способ получить скриншот без потери части изображения ...
SemMike

Ответы:


26

Букмарклет, чтобы скрыть все видео прогресс / панели инструментов YouTube одним щелчком мыши

(позволяет легко получить чистый полноэкранный скриншот HD)


ДОБАВИТЬ Букмарклет:

  1. выделите текст в следующем поле

    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. перетащите выделенный текст на панель инструментов браузера

  3. переименуйте вновь созданную закладку при желании

ИСПОЛЬЗОВАТЬ Bookmarklet (чтобы удалить прогресс / панели инструментов):

  1. загрузить любое видео с YouTube
  2. нажмите на закладку
  3. Все прогресс / панели инструментов исчезли
    (ДАЖЕ, КОГДА ПРИНИМАЕТЕ ВИДЕО)

ВОССТАНОВИТЬ все панели инструментов:

  • обновите страницу

Для управления видео (без кнопок панели инструментов):

  • Полноэкранный режим: дважды щелкните видео
  • Перемотка назад / вперед: клавиши со стрелками влево / вправо

1
Это правильный ответ. Работал отлично.
Джошуа Дэнс

5
Вы можете добавить .ytp-gradient-topи .ytp-gradient-bottomклассы в список, чтобы скрыть темный градиент, а также.
Sumit

1
кто - нибудь знает , что это делает: if ("\v" == "v")?
JinSnow

@JinSnow Очевидно, это короткий взлом, чтобы проверить, является ли браузер Internet Explorer или нет. источник: ajaxian.com/archives/ievv
Адам Тот

@Sumit Я предложил изменить, чтобы добавить градиенты в скрипт, чтобы люди могли просто скопировать вставить и использовать все это. Жду экспертной оценки.
hsandt

7

Единственный способ, который я смог найти, - это просто скачать видео с Youtube, воспроизвести его в любом медиаплеере и сделать оттуда скриншот (либо с помощью опции скриншота медиаплеера, либо PrtScnс клавиатуры).


1
Просто еще один способ, которым DRM ранит честных людей.
Косинус

7

Как насчет того, чтобы не делать пауз и ударов, PrtScnкогда время выбрано правильно. Если это не вариант, в Windows 7 есть инструмент под названием Snipping Tool , который позволит вам отрубить верхнюю панель интерфейса, конечно, за счет потери такой большой области видео.


Спасибо, но это уничтожает часть изображения, я мог бы просто отбросить эту часть с помощью Paint, но смысл состоял в том, чтобы получить все изображение ...
SemMike

2
Сроки это, как это возможно, но супер расстраивает. :)
Joshua Dance

5

Вы можете использовать http://www.youtubescreenshot.com, чтобы получить снимок экрана с пользовательской позиции


1
Аналогичный сайт будет ytscreen.com, который также делает различные скриншоты из видео YouTube.
Zeddex

Хотя эта ссылка может ответить на вопрос, лучше включить сюда основные части ответа и предоставить ссылку для справки. Ответы, содержащие только ссылки, могут стать недействительными, если связанная страница изменится. - Из обзора
nKn

3
@nKn Это не обычный ответ, а рекомендация программного обеспечения / веб-сайта
игра слов

@nKn ссылка является ответом. Он мог бы написать о том, что он делает, но если ссылка исчезнет, ​​то и значение ответа останется.
Джошуа Дэнс

5

Как расширение JumboDS64 в ответе oLinkWebDevelopment, я заметил, что в верхней части видео все еще есть градиент , который можно удалить с именем «ytp-градиент-верх» для полного, чистого вида. Обновленная команда:

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

Введите их в консоль Javascript:

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

для нижнего GUI;

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

для нижнего градиента;

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

для лучшего GUI;

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

для брендинга;

Вот простой код:

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

Обратите внимание, что вам придется перемещаться с помощью клавиш управления, но это не так сложно (стрелка влево, стрелка вправо, пробел)


1

В качестве продолжения ответа oLinkWebDevelopment в начале также следует удалить «ytp-Gradient-bottom» (черный градиент внизу видео, который является частью панели инструментов паузы). После этого команда:

(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}})();
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.