Playlist
- ปรับปรุง UI:
- เพิ่มข้อมูลวิดีโอแบบละเอียด (ชื่อเรื่อง, คำอธิบาย, จำนวนวิว, จำนวนไลค์)
- เพิ่มไอคอนสำหรับจำนวนวิวและไลค์
- ปรับขนาดและสีของปุ่มควบคุมต่างๆ ให้ดูสวยงามและใช้งานง่ายขึ้น
- เพิ่มฟีเจอร์ค้นหาวิดีโอ:
- เพิ่มช่องค้นหาที่สามารถกรองวิดีโอตามชื่อหรือแท็ก
- ปรับปรุงฟังก์ชัน
createPlaylistItemsให้รองรับการแสดงผลวิดีโอที่ถูกกรอง
- เพิ่มปุ่มเล่นวิดีโอก่อนหน้า:
- เพิ่มปุ่ม “Previous” และฟังก์ชัน
playPreviousVideo
- เพิ่มปุ่ม “Previous” และฟังก์ชัน
- ปรับปรุงการจัดการเพลย์ลิสต์:
- เพิ่มตัวแปร
filteredPlaylistเพื่อรองรับการกรองวิดีโอ - ปรับปรุงฟังก์ชันที่เกี่ยวข้องให้ใช้
filteredPlaylistแทนplaylists[currentPlaylist]
- เพิ่มตัวแปร
- เพิ่มการแสดงข้อมูลวิดีโอ:
- เพิ่มฟังก์ชัน
updateVideoInfoเพื่ออัปเดตข้อมูลวิดีโอที่กำลังเล่น
- เพิ่มฟังก์ชัน
- ปรับปรุงการทำงานของ Auto-Next:
- เพิ่มการแสดงสถานะ Auto-Next บนปุ่มด้วยการเปลี่ยนสี
- ปรับปรุงการแสดงผลบนอุปกรณ์มือถือ:
- ใช้ Flexbox และ Tailwind CSS classes เพื่อให้หน้าเว็บแสดงผลได้ดีบนทุกขนาดหน้าจอ
- เพิ่มการจัดการข้อมูลวิดีโอ:
- ปรับปรุงฟังก์ชัน
parsePlaylistDataให้รองรับข้อมูลเพิ่มเติม เช่น จำนวนวิว, จำนวนไลค์
- ปรับปรุงฟังก์ชัน
- ปรับปรุงประสิทธิภาพ:
- ใช้
parseIntสำหรับข้อมูลตัวเลข เช่น views, likes เพื่อให้สามารถใช้งานได้ง่ายขึ้น
- ใช้
- เพิ่มความยืดหยุ่นในการแสดงผล:
- ใช้
||operator เพื่อแสดงข้อมูลสำรองในกรณีที่ข้อมูลบางส่วนไม่มี
- ใช้
