ทำไมต้องใช้โค้ดฝัง YouTube แบบ Responsive บนเว็บไซต์ยุคใหม่?
โค้ดฝังแบบเดิมที่คัดลอกมาจากหน้า YouTube ไม่มีการอัปเดตมานานหลายปี โดยยังคงล็อกขนาดความกว้างไว้ที่ 560 พิกเซล (560x315) ซึ่งส่งผลเสียต่อการใช้งานบนมือถือและคะแนน SEO ของเว็บไซต์คุณ ดังนี้:
📱 แก้ปัญหาคลิปล้นหน้าจอมือถือ
หน้าจอมือถือทั่วไปกว้างเพียง 360-430 พิกเซล การใช้ iframe ขนาด 560px จะทำให้หน้าเว็บเลื่อนไปด้านข้างและเสียคะแนน Google Mobile-Friendly
🎬 รองรับคลิปแนวตั้ง YouTube Shorts
เมื่อนำคลิป Shorts มาฝังด้วยโค้ด 16:9 เดิม วิดีโอจะดูเล็กและมีแถบสีดำหนาขนาบข้าง สัดส่วน 9:16 ของเราจะจัดให้เป็นกรอบแนวตั้งที่สวยงามพอดีตา
🛡️ ถูกต้องตามกฎหมายคุ้มครองข้อมูล PDPA
โหมด Privacy-Enhanced จะใช้โดเมนพิเศษของ YouTube ป้องกันการฝังคุกกี้ติดตามผู้เยี่ยมชมเว็บไซต์ จนกว่าผู้ใช้จะกดเล่นคลิปด้วยตนเอง
คำถามที่พบบ่อย (FAQ) เกี่ยวกับการฝังวิดีโอ
Q: วิธีนำโค้ดไปวางใน WordPress ทำอย่างไร?
ในตัวแก้ไขของ WordPress (Block Editor / Gutenberg) ให้เพิ่มบล็อกชื่อ 'Custom HTML' (HTML ที่กำหนดเอง) แล้วกดวางโค้ดที่คัดลอกไปได้เลย หากใช้ Elementor ให้ใช้วิดเจ็ต HTML วางได้ทันที โดยไม่ต้องลงปลั๊กอินเสริมใดๆ เพิ่มเติม
Q: ทำไมการตั้งค่าเล่นอัตโนมัติ (Autoplay) ถึงต้องปิดเสียงเริ่มต้น?
เบราว์เซอร์ยุคใหม่ทั้งหมดมีนโยบายบล็อกวิดีโอที่เล่นเองพร้อมเสียง เพื่อป้องกันไม่ให้รบกวนผู้ใช้งาน หากคุณต้องการให้คลิปเริ่มเล่นทันทีที่ผู้ใช้เลื่อนมาเจอ จึงจำเป็นต้องเปิดใช้งานควบคู่กับตัวเลือกปิดเสียง (Mute) เสมอ
Q: โค้ดนี้ใช้กับลิงก์ YouTube Shorts ได้จริงไหม?
ใช้งานได้ 100% ครับ เพียงคัดลอกลิงก์ Shorts เช่น https://www.youtube.com/shorts/... มาวาง ระบบจะดึงรหัสวิดีโอให้อัตโนมัติ และเมื่อเลือกสัดส่วนเป็น 9:16 คุณจะได้กรอบวิดีโอแนวตั้งที่พร้อมเปิดดูบนมือถือได้อย่างลงตัว