สร้างโค้ดฝังวิดีโอ YouTube

สร้างโค้ดฝังที่สะอาดและปรับขนาดอัตโนมัติสำหรับวิดีโอ YouTube ใดก็ได้ พร้อมเวลาเริ่ม เล่นอัตโนมัติ เล่นวนซ้ำ และตัวเลือกความเป็นส่วนตัว

โค้ดฝัง
วางลิงก์เพื่อสร้างโค้ด

ตัวอย่างสดจะแสดงที่นี่

อัปเดต 2 พฤศจิกายน 2569 · โดย ทีมงาน Free Thumbnail Downloader

การฝังวิดีโอ YouTube ช่วยให้ผู้เข้าชมอยู่บนหน้าเว็บของคุณ ส่วนการสตรีมให้ YouTube จัดการ โค้ดพื้นฐานจากหน้าต่างแชร์ของ YouTube ใช้ได้ แต่เป็นกรอบขนาดตายตัว 560×315 ไม่พอดีกับมือถือ และซ่อนตัวเลือกที่มีประโยชน์อย่างเวลาเริ่มและเวลาจบ เครื่องมือนี้สร้างโค้ดฝังที่สะอาดและปรับขนาดได้ ตั้งค่าทุกอย่างได้ด้วยช่องติ๊กง่าย ๆ และแสดงตัวอย่างสดก่อนคัดลอก

วิธีสร้างโค้ดฝัง

  1. วาง ลิงก์วิดีโอ YouTube ใช้ได้ทั้งลิงก์ watch, youtu.be, Shorts และไลฟ์
  2. ถ้าต้องการ กรอก เริ่มที่ และ จบที่ เพื่อเล่นแค่บางช่วง
  3. ติ๊กตัวเลือกที่ต้องการ: ปรับขนาดอัตโนมัติ, โหมดความเป็นส่วนตัวขั้นสูง, เล่นอัตโนมัติ (ปิดเสียง), เล่นวนซ้ำ, แสดงปุ่มควบคุม และ เปิดคำบรรยาย
  4. ดู ตัวอย่างสด แล้วกด คัดลอกโค้ด ไปวางในเว็บไซต์

ตัวเลือกแต่ละอย่างทำอะไร

ตัวเลือกพารามิเตอร์ในโค้ดควรรู้
เริ่มที่ / จบที่start=85&end=140นับเป็นวินาที พิมพ์ 1:25 ได้ เครื่องมือแปลงให้
ปรับขนาดอัตโนมัติwidth:100%; aspect-ratio:16/9เต็มคอลัมน์ทุกหน้าจอ เอาติ๊กออกเพื่อกำหนดขนาดเอง
ความเป็นส่วนตัวขั้นสูงyoutube-nocookie.comไม่มีคุกกี้ YouTube จนกว่าผู้ชมกดเล่น
เล่นอัตโนมัติautoplay=1&mute=1เบราว์เซอร์ยอมให้เล่นอัตโนมัติเฉพาะแบบไม่มีเสียง
เล่นวนซ้ำloop=1&playlist=IDถ้าจะวนวิดีโอเดียว YouTube ต้องมีพารามิเตอร์ playlist
แสดงปุ่มควบคุมcontrols=0 เมื่อปิดไม่มีปุ่มเหมาะกับวิดีโอพื้นหลัง ไม่เหมาะกับคลิปสอน
เปิดคำบรรยายcc_load_policy=1แสดงคำบรรยายเป็นค่าเริ่มต้นถ้าวิดีโอมี

โค้ดยังมี loading="lazy" ตัวเล่นจะโหลดเมื่อผู้ชมเลื่อนมาใกล้เท่านั้น และมี title สำหรับโปรแกรมอ่านหน้าจอ

วางโค้ดไว้ที่ไหน

  • WordPress: เพิ่มบล็อก HTML ที่กำหนดเอง แล้ววางโค้ด (บล็อก YouTube ปกติตั้งเวลาเริ่ม/จบหรือโหมดความเป็นส่วนตัวไม่ได้)
  • Blogger: เปิดโพสต์ สลับเป็น มุมมอง HTML แล้ววางตรงตำแหน่งที่ต้องการ
  • Wix, Squarespace, Webflow: ใช้องค์ประกอบ ฝัง หรือ โค้ด
  • Shopify: ในหน้าเพจหรือคำอธิบายสินค้า กด แสดง HTML (<>) แล้ววาง
  • HTML ทั่วไป: วางใน <body> ตรงที่ต้องการให้วิดีโอแสดง

ฝัง Shorts และวิดีโอแนวตั้ง

ฝัง Shorts ได้เช่นกัน เครื่องมือจะแปลงลิงก์ /shorts/ เป็นโค้ดฝังปกติ เพราะ Shorts เป็นแนวตั้ง ให้เอาติ๊ก ปรับขนาดอัตโนมัติ ออก แล้วตั้งขนาดเช่น 315 × 560 จะได้ไม่เป็นกรอบกว้างที่มีขอบดำสองข้าง

เคล็ดลับด้านความเร็วและ SEO

  • ฝังแค่หนึ่งหรือสองวิดีโอต่อหน้า ตัวเล่นแต่ละตัวโหลดสคริปต์ ถ้ามากไปหน้าเว็บจะช้า
  • เขียนเนื้อหาเกี่ยวกับวิดีโอบนหน้า เครื่องมือค้นหาดูวิดีโอไม่ได้ สรุปเนื้อหา ประเด็นสำคัญ หรือบทถอดเสียงช่วยให้หน้าติดอันดับ
  • หน้าที่ต้องการความเร็วสูงมาก ให้แสดงรูปก่อนแล้วค่อยโหลดตัวเล่นเมื่อกด เครื่องมือขนาดภาพปก แสดงและดาวน์โหลดภาพของวิดีโอได้ทุกขนาด
  • เคารพข้อมูลส่วนบุคคล โหมดความเป็นส่วนตัวขั้นสูงเป็นการปรับปรุงง่าย ๆ ที่ได้ผล

แก้ปัญหา

  • “วิดีโอไม่พร้อมใช้งาน” ปิดการฝังไว้ หรือวิดีโอเป็นแบบส่วนตัว จำกัดอายุ หรือจำกัดประเทศ
  • เล่นอัตโนมัติไม่ทำงาน ต้องปิดเสียง และมือถือบางรุ่นยังบล็อกในโหมดประหยัดพลังงาน
  • วนซ้ำแล้วกลับไปที่ 0:00 แทนเวลาเริ่ม เป็นวิธีทำงานของการวนซ้ำใน YouTube ถ้าจะวนเฉพาะช่วง ต้องตัดวิดีโอเอง
  • ตัวเล่นล้นจอบนมือถือ ตรวจว่าติ๊กปรับขนาดอัตโนมัติแล้ว และธีมเว็บไม่ได้บังคับความสูงคงที่ให้ iframe

ต้องการลิงก์แทนตัวเล่น? เครื่องมือสร้างลิงก์ตามเวลา สร้างลิงก์ที่เริ่มตรงเวลาที่ต้องการ ขั้นตอนละเอียดสำหรับแต่ละแพลตฟอร์มดูได้ที่วิธีฝังวิดีโอ YouTube ลงเว็บไซต์

คำถามที่พบบ่อย

จะฝังวิดีโอ YouTube ลงในเว็บไซต์ได้อย่างไร?

วางลิงก์วิดีโอในเครื่องมือ เลือกตัวเลือก แล้วกด คัดลอกโค้ด จากนั้นวางโค้ด iframe ลงในหน้าเว็บ ใน WordPress ใช้บล็อก HTML ที่กำหนดเอง ใน Blogger สลับเป็นมุมมอง HTML ส่วน Wix หรือ Squarespace ใช้องค์ประกอบฝัง/โค้ด

ทำไมเล่นอัตโนมัติได้เฉพาะตอนปิดเสียง?

Chrome, Safari, Firefox และ Edge จะบล็อกวิดีโอที่เล่นเองพร้อมเสียง แต่อนุญาตให้เล่นอัตโนมัติแบบปิดเสียง เมื่อคุณติ๊กเล่นอัตโนมัติ เครื่องมือจึงเติม mute=1 ให้เอง

โหมดความเป็นส่วนตัวขั้นสูงคืออะไร?

ตัวเล่นจะโหลดจาก youtube-nocookie.com และไม่บันทึกคุกกี้ YouTube ของผู้เข้าชมจนกว่าจะกดเล่น หน้าตาและการทำงานเหมือนเดิม และช่วยให้เว็บไซต์สอดคล้องกับกฎหมายคุ้มครองข้อมูลส่วนบุคคล

ทำให้วิดีโอที่ฝังปรับขนาดตามหน้าจอได้อย่างไร?

ติ๊ก ปรับขนาดอัตโนมัติ โค้ดจะใช้ width:100% และ aspect-ratio:16/9 ตัวเล่นจึงเต็มพื้นที่ทั้งบนมือถือและคอมพิวเตอร์ โดยไม่มีแถบดำและไม่ต้องเขียน CSS เพิ่ม

ทำไมขึ้นว่าวิดีโอไม่พร้อมใช้งาน?

เจ้าของอาจปิดการฝัง วิดีโออาจเป็นแบบส่วนตัว จำกัดอายุ หรือถูกบล็อกในประเทศของผู้ชม หรือใส่ลิงก์ผิด ลองในตัวอย่างสดก่อน ถ้าเล่นไม่ได้ตรงนั้น บนเว็บก็จะเล่นไม่ได้เช่นกัน

ฝังแค่บางช่วงของวิดีโอได้ไหม?

ได้ กรอก เริ่มที่ และ จบที่ ตัวเล่นจะเริ่มที่เวลาแรกและหยุดที่เวลาที่สอง เหมาะกับการตัดบางช่วงจากคลิปสอนหรือไลฟ์ยาว ๆ

อ่านต่อ

คู่มือ

วิธีแชร์ลิงก์ YouTube ให้เริ่มเล่นตรงเวลาที่ต้องการ

แชร์วิดีโอ YouTube ที่เริ่มตรงนาทีและวินาทีที่ต้องการ บนคอมพิวเตอร์ มือถือ ด้วยพารามิเตอร์ ?t= หรือเวลาที่กดได้ในคอมเมนต์