Thuộc tính controls của Video trong HTML DOM

Thuộc tính controls của đối tượng Video trong HTML DOM trả về hoặc thiết lập giá trị boolean cho biết các điều khiển chuẩn của video có được bật hay không.

Cú pháp

Trả về giá trị boolean – true/false:

mediaObject.controls

Thiết lập controls thành booleanValue:

mediaObject.controls = booleanValue

Ở đây, "booleanValue" có thể là:

Ví dụ

Ví dụ minh họa thuộc tính Video controls:

<!DOCTYPE html> <html> <head> <title>HTML DOM Video controls</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-controls</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()" value="Xem Video">          <input type="text" id="textSelect" placeholder="Họ tên...">          <div id="divDisplay"></div>       </fieldset>    </form> <script>    var divDisplay = document.getElementById("divDisplay");    var textSelect = document.getElementById("textSelect");    var demo = document.getElementById("demo");    demo.controls = false;    function getTrackDetails() {       if(textSelect.value !== ''){          demo.controls = true;          divDisplay.textContent = 'Cảm ơn '+textSelect.value;       }       else          divDisplay.textContent = 'Vui lòng cung cấp Họ tên để bật video'+textSelect.value;    } </script> </body> </html>

Kết quả

Nhấn nút „Xem Video“ với ô nhập trống:

Nhấn nút „Xem Video“ với ô nhập không trống: