Tag: embed video

วิธีใช้ WordPress ตอนที่ 7 – Embed Video ลงในบทความ WordPress

วิธีใช้ WordPress ตอนนี้เป็นการใส่วิดีโอลงในบทความ WordPress ของเรา ปัจจุบันวิดีโอส่วนใหญ่ที่เรานำมาลงในเว็บนั้น ก็คงไม่พ้นว่าเรานำมาจาก youtube หรืออาจจะเป็น vimeo แล้วเราจะใส่วิดีโอเหล่านี้ลงในเว็บ WordPress ของเราได้ยังไง

Embed Video จาก Youtube ลงในบทความ WordPress

สมมติว่าผมเปิดเจอวิดีโออันนึงใน youtube แล้วอยากนำมาลงในเว็บ ปรกติเราก็คงกดไปที่ share

รูปอธิบายหัวข้อ วิธีใช้ WordPress [1]
กด Share เพื่อจะ Embed Video มาลงในบทความ WordPress

ซึ่งจะมี code มาให้เรานำไปวางแปะที่เว็บ

รูปอธิบายหัวข้อ วิธีใช้ WordPress [2]
มี code ให้สำหรับเรานำวิดีโอไปลงในบทความ WordPress

รู้สึกว่ามันยุ่งยากมั้ยครับ ถ้าคิดว่ามันยุ่งยาก ทำแบบนี้แล้วกันครับ ไปที่ URL แล้ว copy มันมา

รูปอธิบายหัวข้อ วิธีใช้ WordPress [3]
Copy URL ของวิดีโอที่เราต้องการ

แล้วก็เอามาวางแปะในบทความเราเลย สมมติผมสร้าง Post ใหม่มาเพื่อ Embed Video ลงในบทความ WordPress ของเรานะครับ

รูปอธิบายหัวข้อ วิธีใช้ WordPress [4]
สร้างหัวข้อใหม่ แล้วลองนำ URL วิดีโอที่เราต้องการลงในบทความ WordPress มาวางแปะ

เราก็จะได้บทความ WordPress ที่มีวิดีโอที่เราต้องการนำมาใส่แล้วครับ

รูปอธิบายหัวข้อ วิธีใช้ WordPress [5]
วิดีโอที่เราต้องการลงในบทความ WordPress มาแล้ว

Embed Video จาก Vimeo ลงในบทความ WordPress

คราวนี้ถ้าเป็น Vimeo ละ ไม่ต้องกลัวครับ ใช้วิธีเดียวกัน คือ Copy URL ของวิดีโอมาวางแปะเลยครับ

รูปอธิบายหัวข้อ วิธีใช้ WordPress [6]
Copy URL ของวิดีโอที่เราต้องการ
รูปอธิบายหัวข้อ วิธีใช้ WordPress [7]
สร้าง Post ใหม่ แล้วนำวิดีโอที่เราต้องการมาวางแปะในบทความ WordPress
รูปอธิบายหัวข้อ วิธีใช้ WordPress [8]
มาแล้ววิดีโอที่เราต้องการลงในบทความ WordPress

ตั้งค่า Embed ในบทความ WordPress

ให้เราไปที่ Settings มองหาหัวข้อ Media

รูปอธิบายหัวข้อ วิธีใช้ WordPress [9]
Settings => Media

ซึ่งการที่เราสามารถนำ URL มาวางแปะแล้วขึ้นโชว์ที่บทความ WordPress ของเราเลยนั้น ต้องมาติ๊กถูกที่หัวข้อ “When possible, embed the media content from a URL directly onto the page. For example: links to Flickr and YouTube.” ไว้ด้วยนะครับ และเรายังสามารถกำหนดขนาดของ Embed Video ได้ทั้งความกว้าง และความสูง ซึ่งปรกติถ้าเราไม่กรอกอะไรในช่องความกว้าง WordPress จะคิดความกว้างเป็นความกว้างสูงสุดของธีมเราให้เองครับ

รูปอธิบายหัวข้อ วิธีใช้ WordPress [10]
ปรับแต่ง Embed ของเราได้ที่นี่
ตอนต่อไปครับ วิธีใช้ WordPress ตอนที่ 8 – วิธีใช้ Media Library