วิธี Embed วีดิโอใน Instagram มาแสดงบนเว็บไซต์/บล็อก

ฟีเจอร์ใหม่ล่าสุดของ Instagram ที่เปิดให้ผู้ใช้สามารถถ่ายและแชร์คลิปวีดิโอได้ (รายละเอียด) กำลังได้รับความนิยมเป็นอย่างยิ่ง ซึ่งผมก็มีเทคนิคเล็กๆ น้อยๆ สำหรับคนที่ต้องการนำวีดิโอหรือภาพเคลื่อนไหวจากใน Instagram มาแสดงบนเว็บไซต์หรือบนบล็อก (Embed) ซึ่ง ณ ตอนนี้ทาง Instagram ยังไม่เปิดให้ผู้ใช้สามารถ Embed ได้อย่างตรงๆ โดยเราจะอาศัยเครื่องมืออย่าง embed.ly เป็นตัวช่วย

ยกตัวอย่างเช่น ผมจะนำวีดิโอจากใน Instagram นี้ : http://instagram.com/p/ayiIHOlYrj/ มาลงหน้าเว็บไซต์ ก็นำลิงก์ดังกล่าวไปใส่ในช่องของ embed.ly ก็จะได้โค้ด HTML แบบนี้มา

<iframe src=”http://api.embed.ly/1/video?width=500&mp4=https%3A%2F%2Fdistilleryimage11.s3.amazonaws.com%2Feba181f8d9d011e2978e22000a1fb9d3_101.mp4&height=500&poster=http%3A%2F%2Fdistilleryimage11.ak.instagram.com%2Feba181f8d9d011e2978e22000a1fb9d3_7.jpg&schema=instagram” width=”500″ height=”500″ scrolling=”no” frameborder=”0″></iframe>

สามารถนำโค้ดที่ได้ไปวางใส่ในส่วนของ HTML บนเว็บไซต์หรือบล็อกต่างๆ ผลที่ได้จะเป็นแบบนี้

อีกตัวอย่าง (จาก http://instagram.com/p/aypHJri1xK/)

ที่มา – Mashable

ส่งต่อเรื่องนี้ให้เพื่อน!
TANA:
Related Post