วิธีใช้งาน
- วางลิงก์วิดีโอ YouTube หรือ ID 11 ตัวอักษรของวิดีโอ
- ตั้งเวลาเริ่มและเวลาหยุด รวมถึงตัวเลือกการเล่นที่ต้องการ
- เลือกขนาดแบบ responsive หรือขนาดคงที่ และตั้งชื่อที่สื่อความหมาย
- คัดลอก HTML แล้ววางลงในหน้าเว็บหรือบล็อก HTML ของตัวสร้างเว็บ ใช้ปุ่มแสดงตัวอย่างเพื่อทดสอบ
วิธีการทำงาน
โค้ดใช้โปรแกรมเล่น iframe มาตรฐานของ YouTube ตัวเลือกต่าง ๆ จะถูกแปลงเป็นพารามิเตอร์ URL บนที่อยู่โปรแกรมเล่น: start และ end (วินาที), autoplay, mute, loop พร้อม playlist, controls=0, cc_load_policy=1 สำหรับคำบรรยาย, cc_lang_pref สำหรับภาษาคำบรรยาย และ hl สำหรับภาษาโปรแกรมเล่น โหมดความเป็นส่วนตัวจะเปลี่ยนที่อยู่เป็น youtube-nocookie.com
ตัวเลือกบางอย่างมีข้อจำกัดที่กำหนดโดย YouTube หรือเบราว์เซอร์ Autoplay จะทำงานเมื่อวิดีโอถูกปิดเสียงเท่านั้น เครื่องมือจึงเพิ่ม mute=1 พร้อมกับ autoplay การเล่นวนวิดีโอเดียวต้องตั้งพารามิเตอร์ playlist เป็นรหัสวิดีโอเดียวกัน ซึ่งเครื่องมือจะเพิ่มให้ คำบรรยายจะแสดงก็ต่อเมื่อวิดีโอนั้นมีคำบรรยาย วิดีโอที่เจ้าของปิดการฝังจะแสดงข้อผิดพลาดในโปรแกรมเล่น
โหมด Responsive ครอบ iframe ด้วยกล่องที่มี aspect-ratio: 16 / 9 และ width: 100% จึงปรับขนาดตามหน้าเว็บโดยไม่ต้องใช้เทคนิค padding-bottom แบบเดิม โหมด Fixed จะเขียนแอตทริบิวต์ width และ height Lazy loading จะหน่วงการโหลดโปรแกรมเล่นจนกว่าจะอยู่ใกล้ส่วนที่มองเห็นของหน้าเว็บ
ตัวอย่าง
การฝังแบบ responsive ที่เน้นความเป็นส่วนตัว
ค่าเริ่มต้น: youtube-nocookie.com, responsive 16:9 และ lazy loading วางโค้ดนี้ลงในหน้า HTML ใดก็ได้
การวนซ้ำแบบพื้นหลัง
การเล่นอัตโนมัติ การวนซ้ำ และไม่มีตัวควบคุม จะให้โค้ด …/embed/ID?autoplay=1&mute=1&loop=1&playlist=ID&controls=0
เล่นเฉพาะช่วงเดียว
เริ่มที่ 1:00 และหยุดที่ 2:30 จะได้ start=60&end=150 เครื่องเล่นจึงเล่นเฉพาะช่วงนั้น
คำถามที่พบบ่อย
ทำไมวิดีโอที่ฝังไว้ไม่เล่นอัตโนมัติแบบมีเสียง
เบราว์เซอร์บล็อกการเล่นอัตโนมัติแบบมีเสียง การเล่นอัตโนมัติต้องใช้ mute=1 ซึ่งเครื่องมือจะเพิ่มให้อัตโนมัติ แต่เบราว์เซอร์หรือการตั้งค่าบางรายการอาจยังบล็อกอยู่
โหมดเพิ่มความเป็นส่วนตัวทำหน้าที่อะไร
เครื่องเล่นจะโหลดจาก youtube-nocookie.com YouTube ระบุว่าข้อมูลผู้เยี่ยมชมจะไม่ถูกจัดเก็บเพื่อปรับแต่งเฉพาะบุคคล เว้นแต่ผู้ชมจะเล่นวิดีโอ
ทำไมต้องใช้ playlist= เพื่อวนซ้ำ
พารามิเตอร์ loop ของ YouTube ทำงานได้เมื่อมีเพลย์ลิสต์เท่านั้น การตั้ง playlist เป็น ID วิดีโอเดียวกันจะทำให้วิดีโอเดียววนซ้ำ
โค้ดที่สร้างใช้กับ WordPress ได้ไหม
ได้ วางโค้ดลงในบล็อก Custom HTML ตัวสร้างเว็บบางตัวจะตัด iframe ออกด้วยเหตุผลด้านความปลอดภัย ในกรณีนี้ให้ใช้บล็อกวิดีโอของเครื่องมือนั้นแทน
ความเป็นส่วนตัว
โค้ดฝังถูกสร้างขึ้นในเบราว์เซอร์ของคุณและไม่มีการส่งข้อมูลใด ๆ ไปที่ใดเลย เฉพาะเมื่อคุณคลิก แสดงตัวอย่าง เบราว์เซอร์ของคุณจะโหลดเครื่องเล่นจาก YouTube (หรือ youtube-nocookie.com)