YouTubeビデオのスクリーンショットを全画面で撮るにはどうすればよいですか?


17

YouTubeビデオのスクリーンショットをフルスクリーンで撮ろうとしています。

ビデオを一時停止してしばらくすると、下部のUIバー(再生/一時停止/シーク)のみが消えます。上部のUIバー(「いいね/共有/詳細」)はそのままです。

そのPrintScreenため、キーボードを押すと、この上部のUIバーによってスクリーンショットが汚染されます。ビデオが一時停止中に削除する方法はありますか?


保存したスクリーンショット画像のUIバーの上にブラックボックスを置くだけではどうですか?
Ƭᴇ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. 必要に応じて、新しく作成したブックマークの名前を変更します

ブックマークレットを使用するには(進行状況/ツールバーを削除するには):

  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というツールがあります。このツールを使用すると、ビデオ領域が失われますが、上部のUIバーを切り取ることができます。


ありがとう、それは画像の一部を破壊します、ペイントでその部分を捨てることができましたが、ポイントは画像全体を取得することでした
...-SemMike

2
このようにタイミングを調整することは可能ですが、非常にイライラします。:)
ジョシュアダンス

5

http://www.youtubescreenshot.comを使用して、カスタムポジションからスクリーンショットを取得できます


1
同様のサイトはytscreen.comで、YouTubeビデオからさまざまなスクリーンショットを取得します。
zeddex

このリンクは質問に回答するかもしれませんが、回答の重要な部分をここに含め、参照用のリンクを提供する方が良いでしょう。リンクされたページが変更されると、リンクのみの回答が無効になる可能性があります。- レビューから
nKn

3
@nKnこれが唯一の答え通常のリンクではなく、ソフトウェア/ウェブサイトの推薦
しゃれ

@nKnリンクが答えです。彼はそれが何をするかについて書くことができますが、リンクがなくなると答えの価値もなくなります。
ジョシュアダンス

5

oLinkWebDevelopmentの答えのJumboDS64の拡張の拡張として、ビデオの上部にまだグラデーションがあることに気付きました。これは、完全できれいな外観のために「ytp-gradient-top」という名前で削除できます。更新されたコマンドは次のとおりです。

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}})();
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.