Yêu cầu thg 7 10, 2020 10:14 SA 698 0 1
  • 698 0 1
0

Thay đổi css thẻ audio

Chia sẻ
  • 698 0 1

Mình muốn thay đổi css mặc định thẻ audio như hình dưới thì phải css thuộc tính gì ạ? Cảm ơn đã giúp đỡ link codepen: https://codepen.io/hieuhumg/pen/LYGrZYL

Avatar Dao Thai Son @dao.thai.son
thg 7 10, 2020 10:17 SA
Avatar hieu nguyen @hieuhumg
thg 7 10, 2020 10:30 SA

@dao.thai.son minh mới cập nhật link rồi đấy ạ

1 CÂU TRẢ LỜI


Đã trả lời thg 7 10, 2020 12:03 CH
Đã được chấp nhận
+2

@hieuhumg Nếu dùng thẻ audio đơn thuần như kia thôi thì khó mà có giao diện như bạn mong muốn. Bạn cần build lại một cái audio player khác bằng tạo UI bằng HTML/CSS như bình thường, sau đó gọi các JavaScript API để play/pause... khi click vào các element tương ứng. Với thẻ audio thì tùy vào browser bạn dùng là gì mà UI lại khác nhau nên hầu hết các website như Zing MP3, Nhaccuatui, SoundCloud... đều tự build player riêng.

Hoặc bạn có thể sử dụng những player đã được build sẵn mà vẫn cho phép bạn customize lại giao diện, như vậy sẽ đỡn tốn công hơn là phải build từ đầu. Một số player khá đẹp mà mình tìm được như:

Bạn tham khảo nhé.

Chia sẻ
Avatar hieu nguyen @hieuhumg
thg 7 10, 2020 4:11 CH

cảm ơn bạn nhiều

Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí