KruMontree.com : เพื่อนครูไทยหัวใจดอทคอม

ป้ายโฆษณา

Moral Principle

"...ครูที่แท้จริงนั้นต้องเป็นผู้ทำแต่ความดี คือต้องหมั่นขยันและ อุตสาหะพากเพียร ต้องเอื้อเฟื้อเผื่อแผ่และเสียสละ ต้องหนักแน่นอดทน และอดกลั้น สำรวมระวังความประพฤติปฏิบัติของตน ให้อยู่ในระเบียบ แบบแผนที่ดีงาม รวมทั้งต้องซื่อสัตย์ รักษาความจริงใจวางใจเป็นกลาง ไม่ปล่อยไปตามอำนาจอคติ..."

พระบรมราโชวาท
๒๘ ตุลาคม ๒๕๒๓

Home ไขปัญหาคาใจ จับวีดิโอ Youtube ใส่ในบทความ
จับวีดิโอ Youtube ใส่ในบทความ PDF พิมพ์ อีเมล
เขียนโดย ครูมนตรี   
วันจันทร์ที่ 11 เมษายน 2011 เวลา 01:06 น.

easiertube_header

joomla_youtubeคยได้รับคำถามจากเพื่อนๆ ที่ใช้งาน CMS Joomla! กันบ่อยๆ ว่า จะใส่วีดิโอต่างๆ ลงไปในบทความของจูมล่าได้อย่างไร ในอดีตการแทรกโค๊ดวีดิโอยอดนิยมอย่างของ Youtube ลงไปไม่ใช่เรื่องยาก เพียงทำการก็อบปี้โค๊ดที่ปรากฏอยู่ในเว็บของ Youtube มาวางใน html code editor ก็ใช้งานได้ (ครั้งกระโน้น Youtube ใช้โค๊ดแบบ Embed) มาตอนหลังๆ การพัฒนาของจูมล่าเน้นในเรื่องความปลอดภัยมีมากขึ้น การวางโค๊ดแบบ Embed/iFrame ลงไปในเนื้อหาโดยตรง จะถูกตัวเอดิเตอร์ของจูมล่าทำการลบโค๊ดนั้นทิ้งไป ทำให้การแสดงผลวีดิโอไม่สามารถทำได้ นอกจากจะมีการเข้าไปแก้ไขโค๊ดบางส่วน ซึ่งเป็นเรื่องไม่ง่ายนักสำหรับผู้ใช้งานทั่วไป

จึงทำให้ผมต้องแสวงหาและทดสอบปลั๊กอินที่เกี่ยวกับ Youtube หลายตัว ลองมาตั้งแต่สี่ทุ่ม (วันที่ 10 เมษายน 2554) มาสำเร็จได้ผลตอนตีสอง (วันที่ 11 เมษายน) จากปลั๊กอินนับสิบที่ค้นหาได้จากเพื่อนกู (Google) อยากรู้ใช่ไหม? ตามมา....

หลังจากที่ค้นหาจากเพื่อนกู ไปท่องเที่ยวตามลิงก์ต่างๆ ทั้งของไทยและเทศ ดาวน์โหลดมาทดสอบติดตั้งดูได้บ้าง ไม่ได้บ้าง มีทั้งที่ต้องแทรกโค๊ดเพิ่มเติมเข้าไป หรือที่หนักหนาต้องแก้ไขในไฟล์ *.php ของตัวปลั๊กอินก่อนอัพโหลดก็มี ซึ่งมันเป็นเรื่องยากเกินไปสำหรับผู้ใช้งานทั่วๆ ไป บางปลั๊กอินสนับสนุนเฉพาะจูมล่าบางเวอร์ชั่น ถ้าอัพเกรดหรือเปลี่ยนเวอร์ชั่นใช้ไม่ได้ ก็แย่สิครับ

easiertube_website

จนกระทั่งมาเจอปลั๊กอินที่มีชื่อว่า Easiertube ซึ่งตอนนี้พัฒนามาหลากหลายเวอร์ชั่นแล้ว เพื่อรองรับกับจูมล่าเวอร์ชั่นต่างๆ ถ้าตามลิงก์ที่ผมทำไว้นี้ไปจะเจอว่าตอนนี้มีให้ดาวน์โหลดอยู่ 3 เวอร์ชั่น ตามภาพ

easiertube_download

ตัวแรกสำหรับท่านที่ใช้ Joomla 1.6 ใหม่ล่าสุด ตัวที่สองสำหรับผู้ใช้ Joomla 1.5.xx และตัวล่างสุดเป็นเวอร์ชั่นที่มีความเสถียรในการใช้งานแล้ว ผมเลือกเอาตัวที่สองเพราะใช้งานได้ผลกับ Joomla 1.5.22 ที่ใช้อยู่ในปัจจุบัน ดาวน์โหลดมาแล้วก็ติดตั้งผ่านทางเมนู Extension > Install/Uninstall ได้เลย แล้วเข้าไปกำหนดค่าเพิ่มเติมและให้ปลั๊กอินทำงานดังภาพ

easiertube_setting

กำหนดให้ปลั๊กอินทำงาน Enable = Yes (กรอบแดง) ในส่วนการแสดงผลวีดิโอก็สามารถกำหนดขนาดของจอวีดิโอได้ตามต้องการทั้งในหน้าแรกและหน้าเนื้อหาภายใน (กรอบเขียว) วีดิโอจะให้แสดงซ้ำ แบบเต็มจอ (Fullscreen) และเล่นอัตโนมัติหรือไม่ก็ได้ (กรอบน้ำเงิน) และข้างล่างนี่คือวิดีโอที่ผมนำมาเป็นตัวอย่าง คำคมธรรมออนไลน์ โดย ท่าน ว.วัชรเมธี ครับ

การวางลิงก์ก็แค่ไปเอาที่อยู่ไฟล์จาก URL Address ในบราวเซอร์มาได้เลยจากภาพตัวอย่างที่ 1 หรือจะคัดลอกเอาเฉพาะส่วนลิงก์ไฟล์ในช่องแบบฝัง ตามภาพที่ 2 ก็ได้

easiertube_video_link_1

ตัวอย่างที่ 1 ลิงก์มาจาก URL Address บนบราวเซอร์

easiertube_video_link_2

ตัวอย่างที่ 2 คัดลอกมาจากลิงก์แบบฝัง ที่ขีดเส้นใต้สีแดง

ให้วางโค๊ดลงไปในบทความได้เลยจะเกิดลิงก์ไปยังไฟล์อัตโนมัติให้เลย หรือจะวางแบบโค๊ด HTML ก็ได้ตามตัวอย่างข้างล่างนี้

easiertube_video_link_3

ก็ลองเอาไปใช้งานกันนะครับ คงไม่ยุ่งยากนักสำหรับมือใหม่และมือเก่าทั้งหลาย ลุยกันได้เลย

แก้ไขล่าสุด ใน วันจันทร์ที่ 11 เมษายน 2011 เวลา 11:24 น.
 

Comments  

 
+1 #1 สุดยอด 2011-04-12 12:29
ขอบคุณ หามานาน
Quote
 
 
+1 #2 prateep 2011-05-25 11:24
ด้วยความเคารพ ขอบคุณมากๆๆเลยค รับ กำลังปวดหัวเรื่ องนี้อยู่พอดี ครูมนตรีมาชี้ทา งสว่างโดยแท้ ขอบคุณมากครับ
Quote
 
 
+1 #3 prateep 2011-05-25 11:38
ครูมนตรีชี้ทางส ว่างโดยแท้ ขอบคุณมากครับ ลองใช้ดูแล้ว ยืนยันได้ผลครับ ขอบคุณครับ
Quote
 
 
0 #4 pongsathorn 2011-10-31 09:49
ผมทำตามตัวอย่าง download มาติดตั้งแล้วคร ับ ติดตอนที่เปิด
http://www.youtube.com/watch?v=v2a-4T7QI3k
มันไม่มีปุ่ม "ฝัง" ตามตัวอย่าง คุณประทีบ หรือท่านผู้รู้ช ่วยตอบด้วยครับ

*************** *****

สมมุติว่าเจอลิง ก์จาก Youtube แบบนี้ http://youtu.be/7HRuHqsyDSg

ให้ Copy ไปวางในแอดเดรสบ าร์ได้เลย เว็บจะส่ง Redirect ไปยังลิงก์ใหม่ใ ห้คัดลอกจากแอดเ ดรสบาร์ที่เปลี่ ยนไปได้เลย อย่างลิงก์ข้างบ นก็จะได้เป็น
http://www.youtube.com/watch?v=7HRuHqsyDSg&feature=youtu.be
ให้คัดลอกเอาเฉพ าะส่วนนี้
http://www.youtube.com/watch?v=7HRuHqsyDSg

ตัดส่วนนี้ออกคร ับ &feature=youtu.be

ผมเขียนบทความตอ นที่ Youtube เขายังไม่ได้เปล ี่ยนวิธีการแทรก โค๊ด แต่ก็ใช้ได้เหมื อนเดิมครับ
Quote
 
 
0 #5 gentingclub 2011-11-25 18:55
หนูทำได้แล้วค่ะ ขอบคุณนะคะ สำหรับความรู้ดี
Quote
 
 
0 #6 จอมยุทธ 2012-03-14 09:43
ผมติดตั้งไม่ได้ เลยอะคับผม..
It was not possible to copy the selected file.
JInstaller::ins tall: Failed to copy file: /var/www/html/ssowapee/tmp/install_4f5ffe4 a36372/et5.6/easiertube.php to /var/www/html/ssowapee/plugins/content/easiertube.php
ตั้ง สิทธ เป็น 777 เเล้ว ก็ไม่ได้ คับ

*************** *****
น่าจะเกิดจากการ มีไฟล์นี้ในโฟลเ ดอร์ดังกล่าวให้ ลบทิ้งก่อนครับ และการติดตั้ง Modules, Plugins ต่างๆ ให้สำเร็จต้องทำ การ chmod 777 และเลือก Recurse into subdirectories ในโฟลเดอร์ต่อไป นี้
- cache
- components
- language
- logs
- modules
- plugins
- templates
- tmp

แล้วยังต้อง chmod 777 และเลือก Recurse into subdirectories ในโฟลเดอร์ Administrator ในโฟลเดอร์ย่อยเ หล่านี้ด้วย
- cache
- components
- language
- modules

ลองเช็คดูอีกที การติดตั้งไม่ได ้ส่วนใหญ่มาจากป ัญหาข้างต้น และการติดตั้งไม ่ผ่านครั้งแรกจะ มีการเขียนไฟล์บ างไฟล์สำเร็จ เมื่อติดตั้งซ้ำ จะเกิด error ต้อง ftp เข้าไปลบก่อนติด ตั้งซ้ำ
Quote
 

Add comment

แสดงความคิดเห็นอย่างสร้างสรรค์


Security code
Refresh


Our Sponsor 1

245x100

Our Sponsor 2

245x100_isangate

Our Sponsor 3

245x100_isangate

Our Sponsor 4

245x100_2

Top of Page