เวอร์ชันที่อัปเดตของ Multi-Platform Video Playlist นี้ได้เพิ่มการรองรับวิดีโอจาก Dailymotion และปรับปรุงการแสดงผลบนมือถือให้ดีขึ้น ต่อไปนี้คือสรุปการเปลี่ยนแปลงและการเพิ่มเติมที่สำคัญ:
- การรองรับ Dailymotion:
- เพิ่มเมธอดใหม่ชื่อ
createDailymotionPlayerเพื่อสร้างและเริ่มต้นเครื่องเล่น Dailymotion - เพิ่มตัวจัดการเหตุการณ์
onDailymotionPlayerReadyและonDailymotionPlayerEnd - อัปเดตเมธอด
togglePlayPause,updatePlayPauseButton,toggleMute, และsetVolumeเพื่อจัดการควบคุมเครื่องเล่น Dailymotion
- เพิ่มเมธอดใหม่ชื่อ
- ปรับปรุงการแสดงผลบนมือถือ:
- อัปเดต CSS เพื่อจัดเลย์เอาต์ให้ดีขึ้นบนหน้าจอขนาดเล็ก
- ปรับเลย์เอาต์ของปุ่มควบคุมวิดีโอสำหรับอุปกรณ์มือถือ
- ปรับปรุงการแสดงผลของเพลย์ลิสต์และรายการวิดีโอบนมือถือ
- การปรับปรุงทั่วไป:
- เพิ่มประสิทธิภาพการจัดการข้อผิดพลาดและกลไกสำรอง
- ปรับปรุงการตรวจสอบสถานะเครื่องเล่นสำหรับแพลตฟอร์มต่างๆ
- อัปเดตเมธอด
getThumbnailเพื่อดึงภาพขนาดย่อของ Dailymotion
การเปลี่ยนแปลงหลักๆ ที่ทำคือ:
- กำหนดความสูงสูงสุดให้กับ
.playlist-container - เพิ่ม scrollbar ให้กับ
#video-list-items - ปรับแต่งการแสดงผลของ
.video-itemให้กระชับขึ้น - จำกัดความยาวของชื่อวิดีโอและคำอธิบาย
- ปรับแต่ง layout สำหรับหน้าจอขนาดใหญ่ให้แสดงผลแบบ side-by-side
- ปรับขนาดและจำนวนบรรทัดของคำอธิบายบนมือถือ
คุณสามารถนำ CSS นี้ไปแทนที่ส่วนที่เกี่ยวข้องในไฟล์ของคุณได้เลยครับ หลังจากปรับแต่งแล้ว playlist ควรจะมีขนาดที่เหมาะสมและดูสวยงามทั้งบนมือถือและคอมพิวเตอร์
ถ้าต้องการปรับแต่งเพิ่มเติมหรือมีข้อเสนอแนะอื่นๆ กรุณาแจ้งให้ทราบได้เลยนะครับ
