แทรกคลิปวีดีโอในบทความ/เพจ

การแทรกคลิปวีดีโอจากเว็บวีดีโอต่าง ๆ ไม่ว่าจะเป็น youtube, vimeo, google video, slideshare เป็นต้น ไม่ยากอีกต่อไป มีปลั๊กอินต่างๆ ที่ทำงานตรงนี้มากมาย แต่ผมจะขอแนะนำปลั๊กอิน WordPress Video Plugin ที่รองรับคลิปจากเว็บวีดีโอมากกว่า 50 เว็บ เรียกว่าเพียงพอกับความต้องการของคุณเลยทีเดียว

การติดตั้งก็เหมือนกับปลั๊กอินทั่วไปคืออัพโหลดไปไว้ในโฟลเดอร์ปลั๊กอินแล้วทำการ activate ส่วนวิธีการแทรกคลิปวีดีโอในบทความนั้น มีรายละเอียดการใช้งานในไฟล์ readme.txt อยู่แล้ว


การแทรก youtube

รูปแบบ

[youtube id]

เช่น http://www.youtube.com/watch?v=EuM_SlhUsn8 ตัวหนาคือ id ของ youtube การแทรกจะเป็นดังนี้

[youtube EuM_SlhUsn8]

เท่านี้ก็จะแทรกคลิปจาก youtube ได้แล้ว และเราสามารถเพิ่มตัวเลือกในการแสดงผลได้อีกคือ ความกว้างและสูงของคลิป โดยเพิ่มความตัวเลือกหลัง id ของ youtube เช่น

[youtube id width height]

width คือความกว้าง ส่วน height คือความสูงของวีดีโอ

การแทรก vimeo

รูปแบบ

[vimeo id width height]

เช่น http://vimeo.com/3996211 id ของ vimeo ก็คือ 3996211 การแทรกจะเป็นดังนี้

[vimeo 3996211]

ตัวเลือก width (ความกว้าง) และ height (ความสูง) ของคลิปวีดีโอนั้น จะใส่หรือไม่ใส่ ก็ได้

นี่ก็แสดงมาเป็นเพียงตัวอย่างสั้น ๆ คงจะแทรกคลิปวีดีโอในบทความสร้างสีสันของบทความให้ดูเพลิดเพลินน่าสนใจขึ้นมาบ้างนะครับ

4 thoughts on “แทรกคลิปวีดีโอในบทความ/เพจ

  1. ผมอยากจะแทรก mp3 music ลงในโพสและแสดงแถบ mp3 player ในหน้านั้นเลยโดยไม่ต้องขึ้นหน้าใหม่ ต้องใช้ Plugin ไหนดีครับ และถ้าให้มัน autoplay ทำอย่างไรครับ ผมลองติดตั้งPlugin WPaudio และ Audio Player ก็ทำได้แค่ลิงค์ไป เล่นเพลงเท่านั้นเองครับ อยากทำให้เหมือนบางเวบไซท์ที่มีแถบ audio player และคลิ๊กปุ่ม Play โดยไม่ต้องเปลี่ยนหน้าไปไหน ข้าน้อยขอความกระจ่างด้วยครับ..

  2. audio player มันทำได้นะครับ คุณไปกำหนดโฟลเดอร์สำหรับเก็บไฟล์เสียง mp3 ก่อน แล้วใส่ไฟล์ลงไป เวลาเขียน tag ก็ตามด้านล่างเลยครับ

    [audio:kaleido-medley-smoke.mp3]

    ไม่ต้องระบุ path ของไฟล์ครับ

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>