Thuộc tính volume của đối tượng Video trong HTML DOM trả về hoặc thiết lập một số tương ứng với mức âm lượng hiện tại của phương tiện.
Cú pháp
Trả về âm lượng dưới dạng số:
mediaObject.volume
Thiết lập volume thành một số:
mediaObject.volume = number
LƯU Ý: Số có giá trị tối đa là '1.0' và nếu '0.0' thì âm lượng video là tối thiểu.
Ví dụ
Ví dụ minh họa thuộc tính Video volume:
<!DOCTYPE html> <html> <head> <title>HTML DOM Video volume</title> <style> * { padding: 2px; margin:5px; } form { width:70%; margin: 0 auto; text-align: center; } input[type="button"] { border-radius: 10px; } </style> </head> <body> <form> <fieldset> <legend>HTML-DOM-Video-volume</legend> <video id="demo" width="320" controls><source src="https://www.tutorialspoint.com/html5/foo.mp4" type="video/mp4"></video><br> <input type="button" onclick="getTrackDetails(1)" value="Quá lớn (-)"> <input type="button" onclick="getTrackDetails(2)" value="Quá nhỏ (+)"> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var demo = document.getElementById("demo"); function getTrackDetails(val) { if(val === 1){ if(demo.volume < 0.2) demo.volume = 0.1; demo.volume -= 0.1; divDisplay.textContent = 'Âm lượng: '+demo.volume; } else{ demo.volume += 0.1; divDisplay.textContent = 'Âm lượng: '+demo.volume; } } </script> </body> </html>
Kết quả
Nhấn nút „Quá lớn (-)“ 2 lần. Điều này sẽ giảm âm lượng 2 lần:
Bây giờ, nhấn nút „Quá nhỏ (+)“ 1 lần. Điều này sẽ tăng âm lượng:
