ฉันจะจับภาพหน้าจอของวิดีโอ YouTube แบบเต็มหน้าจอได้อย่างไร

ฉันกำลังพยายามจับภาพหน้าจอของวิดีโอ YouTube ในแบบเต็มหน้าจอ

เมื่อฉันหยุดวิดีโอชั่วคราวและรอสักครู่แถบ UI ด้านล่างเท่านั้น (เล่น / หยุดชั่วคราว / ค้นหา) จะหายไป แถบ UI ด้านบน (กดไลค์ / แชร์ / ข้อมูลเพิ่มเติม) จะอยู่ที่นั่น

ดังนั้นเมื่อฉันกดPrintScreenแป้นพิมพ์ภาพหน้าจอจะปนเปื้อนโดยแถบ UI ด้านบนนี้ มีวิธีลบออกในขณะที่วิดีโอหยุดชั่วคราวหรือไม่

คั่นหน้าเพื่อซ่อนความคืบหน้า / แถบเครื่องมือวิดีโอทั้งหมดของ YouTube ด้วยคลิกเดียว

(ทำให้ง่ายต่อการรับภาพหน้าจอ HD เต็มหน้าจอที่สะอาด)

ในการเพิ่ม Bookmarklet:

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. ความคืบหน้า / แถบเครื่องมือทั้งหมดหายไป
   (แม้ในขณะที่กำลังพักผ่อนวิดีโอ)

หากต้องการเรียกคืนแถบเครื่องมือทั้งหมด:

• รีเฟรชหน้า

หากต้องการควบคุมวิดีโอ (ไม่มีแถบเครื่องมือปุ่ม):

• เต็มหน้าจอ: คลิกสองครั้งที่วิดีโอ
• กรอถอยหลัง / กรอเดินหน้าอย่างเร็ว: ปุ่มลูกศรซ้าย / ขวา

วิธีเดียวที่ฉันสามารถหาได้เพียงแค่การดาวน์โหลดวิดีโอจาก Youtube, เล่นในเครื่องเล่นสื่อใด ๆ และใช้หน้าจอจากที่นั่น (ทั้งที่มีตัวเลือกหน้าจอเครื่องเล่นสื่อหรือPrtScnบนแป้นพิมพ์)

วิธีการเกี่ยวกับการไม่หยุดและกดปุ่มPrtScnเมื่อเวลาถูกต้อง หากไม่ใช่ตัวเลือก Windows 7 มีเครื่องมือที่เรียกว่าSnipping Toolซึ่งจะช่วยให้คุณตัดแถบ UI ด้านบนออกมาได้แน่นอนโดยเสียค่าใช้จ่ายในการเสียพื้นที่วิดีโอจำนวนมาก

คุณสามารถใช้http://www.youtubesc4.0.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 Console:

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