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

Phương thức phát () HTML DOM Video


HTML DOM Video play () được sử dụng để phát nội dung đa phương tiện hiện tại và để dừng tạm dừng sử dụng phương tiện ().

Cú pháp

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

videoObject.play()

Hãy để chúng tôi xem ví dụ về Phát video () tài sản -

Ví dụ

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM Video play()</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-play( )</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="setControls(1)" value="Play">
         <input type="button" onclick="setControls(2)" value="Pause">
         <div id="divDisplay"></div>
      </fieldset>
   </form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var demo = document.getElementById("demo");
   function setControls(val) {
      if(val === 1){
         demo.play();
         divDisplay.textContent = 'Video is playing';
      }
      else{
         demo.pause();
         divDisplay.textContent = 'Video is paused';
      }  
   }
</script>
</body>
</html>

Đầu ra

Nhấp vào ‘Phát’ nút -

Phương thức phát () HTML DOM Video

Nhấp vào ‘Tạm dừng’ nút -

Phương thức phát () HTML DOM Video