Phương pháp tải video HTML DOM ()

HTML DOM Video load () được sử dụng để hiển thị lại phần tử video sau khi một số thuộc tính nhất định của nó được người dùng cập nhật, chẳng hạn như ‘src’.

Cú pháp

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

videoObject.load()

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

Ví dụ

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM Video load()</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-load( )</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="Slow (<<)">
         <input type="button" onclick="getTrackDetails(2)" value="Fast (>>)">
         <div id="divDisplay"></div>
      </fieldset>
   </form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var demo = document.getElementById("demo");
   function getTrackDetails(val) {
      if(val === 1){
         demo.defaultPlaybackRate -= 0.5;
         demo.load();
         divDisplay.textContent = 'Default Playback Set: '+demo.defaultPlaybackRate;
      }
      else{
         demo.defaultPlaybackRate += 0.5;
         demo.load();
         divDisplay.textContent = 'Default Playback Set: '+demo.defaultPlaybackRate;
      }
   }
</script>
</body>
</html>

Đầu ra

Nhấp vào ‘Nhanh (>>)’ nút 2 lần -

Phương pháp tải video HTML DOM ()

Nhấp vào ‘Chậm (<<)’ nút -

Phương pháp tải video HTML DOM ()