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

Thuộc tính video HTML DOM bị tắt tiếng


Thuộc tính HTML DOM Video bị tắt tiếng trả về / đặt giá trị boolean tương ứng với việc âm thanh của video có bị tắt tiếng hay không.

cú pháp

Sau đây là cú pháp -

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

mediaObject.muted

Cài đặt ẩn thành booleanValue

mediaObject.muted = booleanValue

Đây, “booleanValue” có thể như sau -

booleanValue
Chi tiết
true
Nó xác định rằng video sẽ ẩn âm thanh của nó
false
Nó xác định rằng video sẽ không có âm thanh khi tắt tiếng

Hãy để chúng tôi xem ví dụ về Video bị tắt tiếng tài sản -

Ví dụ

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM Video muted</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-muted</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="Day Time">
         <input type="button" onclick="getTrackDetails(2)" value="Night Time">
         <div id="divDisplay">
         </div>
      </fieldset>
   </form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var demo = document.getElementById("demo");
   function getTrackDetails(val) {
      if(val === 1){
         demo.muted = false;
         divDisplay.textContent = 'Its Day Time, so anyone will not get disturbed';
      }
      else{
         demo.muted = true;
         divDisplay.textContent = 'Its Night Time, so video will be on mute by default';
      }
   }
</script>
</body>
</html>

Đầu ra

Nhấp vào ‘Ban đêm’ nút -

Thuộc tính video HTML DOM bị tắt tiếng

Nhấp vào ‘Giờ trong ngày’ nút -

Thuộc tính video HTML DOM bị tắt tiếng