Computer >> Máy Tính >  >> Lập trình >> HTML

Có thể tạo kiểu cho thẻ âm thanh HTML5 không?


Thẻ âm thanh HTML 5 có thể được tạo kiểu. Bằng cách sử dụng thẻ âm thanh có thuộc tính "điều khiển", trình phát mặc định của trình duyệt sẽ được sử dụng. Bạn có thể tùy chỉnh bằng cách không sử dụng các điều khiển của trình duyệt.

Bằng cách xóa các điều khiển , bạn có thể ẩn giao diện người dùng của trình duyệt được tích hợp sẵn -

<audioid = "player" src = "kalimba.mp3"></audio>
<div>
   <buttononclick = "document.getElementById('player').play()">Play</button>
   <buttononclick = "document.getElementById('player').pause()">Pause</button>
   <buttononclick = "document.getElementById('player').volume += 0.2">Vol+</button>
   <buttononclick = "document.getElementById('player').volume -= 0.2">Vol-</button>
</div>

Bạn cũng có thể thêm các lớp CSS vào từng phần tử và tạo kiểu cho chúng phù hợp.