วีดีโอสอนใช้งานโฮสติ้ง และวีดีโอสอนทำเว็บไซต์ฟรี

การเพิ่มวีดีโอจาก youtube ในบทความของ joomla มีด้วยกัน 3 แบบดังนี้ 

1. ใส่ youtube ในบทความ joomla แบบลิ้งค์ URL ให้คลิ๊ก

2. ใส่ youtube ในบทความ joomla แบบ embed ซึ่งจะมีโค๊ดสำหรับ embed 2 แบบ คือ แบบ iframe กับ แบบ object - old embed code ค่ะ

ขั้นตอนการนำ youtube vdo มาใส่บทความ joomla ทำได้ดังนี้

1. เข้าไปที่ youtube VDO ที่ท่านต้องการ

2. มองด้านล่างของ VDO แล้วคลิ๊กที่ปุ่ม share ระบบจะแตกออกมาให้เห็นเป็นโค๊ดแบบลิ้งค์ก่อน

แล้วเมื่อกดที่ปุ่ม embed ปุ่มนี้จะแตกออกอีก เป็นโค๊ด แบบ iframe และ ถ้าเราติ๊กที่ use old embed code ระบบจะเปลี่ยนจากโค๊ดแบบ iframe เป็น แบบ object ให้ค่ะ

ตัวอย่างโค๊ด แบบ iframe

<iframe title="YouTube video player" type="text/html" width="480" height="390" src="/support-joomla/http://www.youtube.com/embed/gsZ__TDyT6k" frameborder="0" allowFullScreen></iframe>

โค๊ดแบบ iframe นี้ ถ้านำไปวางที่ joomla แบบที่ยังไม่มีการปรับค่า editor เลยจะใส่ไม่ได้ เพราะ joomla จะลบโค๊ด iframe ออก เพราะ editor ที่มากับ joomla ตอนติดตั้งใหม่ๆ ชื่อ TinyMCE จะมีการตั้งค่า default ของ editor ให้ลบโค๊ด iframe แต่หากท่านยืนยันต้องการใช้ iframe ก็สามารถเข้าไปตั้งให้ TinyMCE รับค่า iframe ได้ค่ะ 

การตั้งค่า TinyMCE ให้สามารถใส่โค๊ด iframe ใน joomla ได้ ดังนี้

- ไปที่ Extensions
- เลือก Plugin Manager
- คลิ๊กเข้าไปที่ Editor - TinyMCE
- มองที่ช่องด้านขวามือตรงคำว่า Code cleanup on save แล้วติ๊กจาก Alway เปลี่ยนเป็น Never

แล้วกด save หลังจากนี้ ถ้าเราเพิ่มโค๊ด iframe ใน joomla ก็จะสามารถทำได้ เพราะ editor ไม่ได้ทำการลบโค๊ดออกแล้ว

ข้อควรระวัง การใช้โค๊ดแบบ iframe กับการใช้โค๊ดแบบ object จะไม่สามารถใส่พร้อมกันได้ ท่านต้องตั้งค่าให้ editor สามารถเพิ่มได้แบบใดแบบหนึ่งเท่านั้น เช่น ถ้าตั้งให้ clean code ก็จะใส่ได้แต่วีดีโอแบบ old embed code หากมี vdo เดิมใส่แบบ iframe จะถูกระบบลบออกหมด

ในทางตรงกันข้าม หากตั้ง Editor TinyMCE แบบ ไม่ให้ลบโค๊ด iframe ท่านก็จะใส่ vdo youtube ได้แบบ iframe อย่างเดียว หากมี vdo youtube เดิมที่เคยใส่โค๊ดแบบ old embed code อยู่ ก็จะแสดง vdo เป็นช่องว่างแทน

ดังนั้นท่านจึงต้องเลือกตัดสินใจตั้งค่าใช้งานเป็นแบบใดเป็นหนึ่งคือ จะ iframe ก็ iframe ทั้งหมด จะ object ก็ object ทั้งหมดค่ะ

 ตัวอย่างโค๊ดแบบ object แสดงได้ทั้งใน joomla และใน html ค่ะ

 <object width="480" height="385" data="http://www.youtube.com/v/gsZ__TDyT6k?fs=1&amp;hl=en_US&amp;autoplay=1" type="application/x-shockwave-flash">
<param name="allowFullScreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="src" value="http://www.youtube.com/v/gsZ__TDyT6k?fs=1&amp;hl=en_US&amp;autoplay=1" />
<param name="allowfullscreen" value="true" />
</object>

การตั้งค่าให้ youtube VDO ทำการเล่นอัตโนมัติ เมื่อเปิดบทความ

ถ้าท่านต้องการให้พอเปิดหน้าเว็บแล้ว ให้วีดีโอของ youtube เล่นอัตโนมัติเลย ให้มองหาโค๊ด =en_US แล้วเพิ่ม &autoplay=1 เข้าไปต่อท้ายค่ะ  วีดีโอก็จะเล่นเองอัตโนมัติได้เลยค่ะ หากต้องการให้วีดีโอเล่นวนลูปไปเรื่อยๆ ให้เพิ่ม หลัง =en_US ด้วย &loop=1

 VDO สอนสร้างบทความนี้ นี้ถูกตัดออกเป็น 3 ส่วนเพื่อให้ไฟล์เล็กและโหลดเร็วค่ะ โปรดดู VDO ถัดไป ได้ตามหัวข้อด้านล่างค่ะ

- VDO ที่ 1 : การสร้างบทความให้ joomla

- VDO ที่ 2: การเพิ่มรูปภาพให้บทความ joomla

- VDO ที่ 3: การเพิ่ม วีดีโอ youtube ให้บทความ joomla

VDO ที่ 3: การเพิ่มวีดีโอจาก youtube ให้บทความของ joomla

ถ้า vdo ขึ้น error โปรดกด f5 เพื่อ refresh ระบบจะโหลด vdo ใหม่ค่ะ

หากท่านฟังไม่ทันให้กดหยุด แล้วลากกลับเพื่อดูซ้ำหลายๆ รอบได้ค่ะ  

โฮสต์ถูก โดเมนถูก ขอขอบคุณที่ติดตามชม VDO สอนทำเว็บไซต์ด้วย joomla ค่ะ

โฮสต์ถูก โดเมนถูก โฮสติ้ง 300 บาทต่อปี โดเมน 350 บาทต่อปี ลูกค้าเป็นเจ้าของโดเมน 100%