YouTubeビデオのスクリーンショットをフルスクリーンで撮ろうとしています。
ビデオを一時停止してしばらくすると、下部のUIバー(再生/一時停止/シーク)のみが消えます。上部のUIバー(「いいね/共有/詳細」)はそのままです。
そのPrintScreenため、キーボードを押すと、この上部のUIバーによってスクリーンショットが汚染されます。ビデオが一時停止中に削除する方法はありますか?
YouTubeビデオのスクリーンショットをフルスクリーンで撮ろうとしています。
ビデオを一時停止してしばらくすると、下部のUIバー(再生/一時停止/シーク)のみが消えます。上部のUIバー(「いいね/共有/詳細」)はそのままです。
そのPrintScreenため、キーボードを押すと、この上部のUIバーによってスクリーンショットが汚染されます。ビデオが一時停止中に削除する方法はありますか?
回答:
(きれいなフルスクリーンHDスクリーンショットを簡単に取得できます)
ブックマークレットを追加するには:
次のボックスのテキストを強調表示します
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}})();
強調表示されたテキストをブラウザのブックマークツールバーにドラッグします
ブックマークレットを使用するには(進行状況/ツールバーを削除するには):
すべてのツールバーを復元するには:
ビデオを制御するには(ボタンツールバーなし):
.ytp-gradient-top
と.ytp-gradient-bottom
クラスを追加して、暗いグラデーションも非表示にすることができます。
if ("\v" == "v")
?
PrtScnタイミングが合ったときに一時停止して打つことはどうですか。それがオプションではない場合、Windows 7にはSnipping Toolというツールがあります。このツールを使用すると、ビデオ領域が失われますが、上部のUIバーを切り取ることができます。
http://www.youtubescreenshot.comを使用して、カスタムポジションからスクリーンショットを取得できます。
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}})();
これらを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";
注、キーボードコントロールを使用して移動する必要がありますが、それほど難しくありません(左矢印、右矢印、スペース)
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}})();