หน้าแรก Internet Multi-Platform Video Playlist 26-8-2567 รองรับ ok.ru dailymotion

Multi-Platform Video Playlist 26-8-2567 รองรับ ok.ru dailymotion

386
0

 

Multi-Platform Video Playlist

 

เวอร์ชันที่อัปเดตของ Multi-Platform Video Playlist นี้ได้เพิ่มการรองรับวิดีโอจาก Dailymotion และปรับปรุงการแสดงผลบนมือถือให้ดีขึ้น ต่อไปนี้คือสรุปการเปลี่ยนแปลงและการเพิ่มเติมที่สำคัญ:

  1. การรองรับ Dailymotion:
    • เพิ่มเมธอดใหม่ชื่อ createDailymotionPlayer เพื่อสร้างและเริ่มต้นเครื่องเล่น Dailymotion
    • เพิ่มตัวจัดการเหตุการณ์ onDailymotionPlayerReady และ onDailymotionPlayerEnd
    • อัปเดตเมธอด togglePlayPause, updatePlayPauseButton, toggleMute, และ setVolume เพื่อจัดการควบคุมเครื่องเล่น Dailymotion
  2. ปรับปรุงการแสดงผลบนมือถือ:
    • อัปเดต CSS เพื่อจัดเลย์เอาต์ให้ดีขึ้นบนหน้าจอขนาดเล็ก
    • ปรับเลย์เอาต์ของปุ่มควบคุมวิดีโอสำหรับอุปกรณ์มือถือ
    • ปรับปรุงการแสดงผลของเพลย์ลิสต์และรายการวิดีโอบนมือถือ
  3. การปรับปรุงทั่วไป:
    • เพิ่มประสิทธิภาพการจัดการข้อผิดพลาดและกลไกสำรอง
    • ปรับปรุงการตรวจสอบสถานะเครื่องเล่นสำหรับแพลตฟอร์มต่างๆ
    • อัปเดตเมธอด getThumbnail เพื่อดึงภาพขนาดย่อของ Dailymotion

 

การเปลี่ยนแปลงหลักๆ ที่ทำคือ:

  1. กำหนดความสูงสูงสุดให้กับ .playlist-container
  2. เพิ่ม scrollbar ให้กับ #video-list-items
  3. ปรับแต่งการแสดงผลของ .video-item ให้กระชับขึ้น
  4. จำกัดความยาวของชื่อวิดีโอและคำอธิบาย
  5. ปรับแต่ง layout สำหรับหน้าจอขนาดใหญ่ให้แสดงผลแบบ side-by-side
  6. ปรับขนาดและจำนวนบรรทัดของคำอธิบายบนมือถือ

คุณสามารถนำ CSS นี้ไปแทนที่ส่วนที่เกี่ยวข้องในไฟล์ของคุณได้เลยครับ หลังจากปรับแต่งแล้ว playlist ควรจะมีขนาดที่เหมาะสมและดูสวยงามทั้งบนมือถือและคอมพิวเตอร์

ถ้าต้องการปรับแต่งเพิ่มเติมหรือมีข้อเสนอแนะอื่นๆ กรุณาแจ้งให้ทราบได้เลยนะครับ