Thuộc tính playbackRate 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 tốc độ phát hiện tại của phương tiện.
Cú pháp
Trả về playbackRate dưới dạng số:
mediaObject.playbackRate
Thiết lập playbackRate thành một số:
mediaObject.playbackRate = number
LƯU Ý – Số có giá trị tối đa là '16' và nếu '0.0' thì video đứng yên.
Ví dụ
Ví dụ minh họa thuộc tính Video playbackRate:
<!DOCTYPE html> <html> <head> <title>HTML DOM Video playbackRate</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-playbackRate</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="Chậm (<<)"> <input type="button" onclick="getTrackDetails(2)" value="Nhanh (>>)"> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var demo = document.getElementById("demo"); function getTrackDetails(val) { if(val === 1){ demo.playbackRate -= 0.5; divDisplay.textContent = 'Tốc độ phát mặc định: '+demo.playbackRate; } else{ demo.playbackRate += 0.5; divDisplay.textContent = 'Tốc độ phát mặc định: '+demo.playbackRate; } } </script> </body> </html>
Kết quả
Nhấn nút „Nhanh (>>)“ 2 lần:
Bây giờ, nhấn nút „Chậm (<<)“ 1 lần:
