วันอังคาร, 21 พฤษภาคม 2567

วิธีทำ VDO embed code ของ Youtube Facebook และอื่น ๆ ให้อยู่ในรูปแบบ Responsive หรือหน้าจอพอดีกับทุก Device

วันนี้ผมขอมาแนะนำการสร้าง Embed code ของ VDO หรือสิ่งที่เป็น Embed code ในที่ต่าง ๆ ให้มันแสดงได้พอดีกับหน้าจอของอุปกรณ์ที่เราเปิดดูครับ เช่น เรานำ Clip ของ Youtube หรือ Google map มาแปะที่เว็บไซต์เราแล้วมันแสดงผลเกินและหลุดจากหน้าจออุปกรณ์วันนี้ผมมีวิธีทำที่ง่ายมาก ๆ มานำเสนอให้เพื่อน ๆ ลองนำไปทำกันดูครับ

 

  1. เข้าไปที่ embedresponsively เว็บนี้เราจะเอาไว้ Gen code สำหรับทำ Responsive ของ Embed code VDO ของเราเพื่อนำไปใช้กันครับ

 

 

2. นำ Link ของคลิปนั้น ๆ หรือ Link ต่าง ๆ ตาม Tab ด้านบนที่ให้บริการแปลงให้เป็น Embed code ใส่ลงไปแล้วกดปุ่ม Embed ได้เลยครับจากนั้นให้สังเกตุกล่องด้านล่างครับจะมี Code ที่ได้จากการ Gen ของระบบตรงนี้แหละครับ Copy เอาไปใช้ไดเลยง๊ายง่าย

 

 

 

 

 

Facebook Comments