รวมการตั้งค่า embed video youtube

วันนี้ผมจะมาพูดถึงการตั้งค่า embed video youtube กันครับ ซึ่งหลายๆ คนก็คิดว่าก็แค่ copy วางแต่ว่าจริงๆ แล้วในการ embed นั้นมี paramiter การตั้งค่าต่างๆ ได้มากมายหลายๆ แบบมากเลยนะคับ ซึ่งผมเจอโจทย์ในการ Customize การ Embed Video จาก Youtube มาแล้วคับ จริงๆ ก็ไม่ยากมากคับ แต่วันนี้ผมรวบมาให้เลยคับ จะได้ไม่ต้องไปหาข้อมูลจากหลายๆ ที่

ตัวอย่างโค้ดที่ใช้สำหรับ embed video youtube

  • <iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PLx0sYbCqOb8TBPRdmBHs5Iftvv9TPboYG" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

ซึ่ง Option ต่างๆ ของมันจะมีตามนี้ครับ

Parameters สำคัญๆ ในการ embed มีตามนี้ครับ

  • autoplay เป็นการตั้งค่าในการเล่นอัตโนมัติคับ ใส่ได้หลายแบบ เช่น ?autoplay=1 ต่อจาก id ของวีดีโอ หรือ allow="autoplay; ใส่ต่อจาก id ของวีดีโอ โดยไม่ต้องมี ?

  • mute เป็นการตั้งค่าการเปิดปิดเสียงของวีดีโอ หากเราไม่ต้องการให้เสียงของวีดีโอพุ่งออกมาอย่างกระหึ่ม หากเจอพวกตั้งค่า autoplay ไว้
  • color เป็นการตั้งค่าสีของการ Embed ครับ ใส่ต่อท้ายจาก id ของวีดีโอครับ ?theme=light&color=red

  • controls เป็นการเปิดปิดตัวคอนโทรลการเล่นวีดีโอ เช่น การเร่ง การกดหยุด ปรับเพิ่มเสียง แค่ใส่โค้ด controls=0 หรือ controls=1

  • disablekb เป็นการปิดการคอนโทรลด้วยการใช้ปุ่มกดบนคีย์บอร์ด หลายๆ คนคงจะชอบใช้ในการเร่ง Value Parameter จะคล้ายกับ control คือใส่ค่า 0 หรือ 1

  • loop เป็นการตั้้งค่าวีดีโอให้เล่นวนไปเรื่อยๆ parameter จะเป็น &loop=1 หรือ &loop=0 การใส่ & คือการเพิ่ม parameter ต่างๆ ในการตั้งค่าเพิ่มเติมนะคับ

  • start เป็นการตั้งค่าวีดีโอว่าให้เริ่มเล่นตั้งแต่เมื่อไหร่ เช่น ?start=30 ซึ่งตัวอย่างของเลข 30 คือ วินาทีนั่นเองครับ ถ้าหากต้องการให้เล่นนาทีที่ 1.30 ก็ต้องใส่ค่าเป็น 90

นี่เป็น parameter ที่ใช้กันบ่อยๆในการ embed video จาก youtube กันนะครับ หวังว่าบทความนี้จะเป็นประโยชน์ต่อทุกๆ ท่านและประโยชน์ของผมเองเพราะชอบลืม