HTML DOM Thuộc tính áp phích video

Thuộc tính áp phích HTML DOM Video trả về / đặt một chuỗi tương ứng với url của hình ảnh được hiển thị cho đến khi video được phát hoặc trạng thái mạng bằng ‘2’.

Cú pháp

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

Trả về giá trị chuỗi

mediaObject.poster

Đặt áp phích đến một Chuỗi URL

mediaObject.poster = URLString

Hãy để chúng tôi xem ví dụ về Áp phích video HTML DOM tài sản -

Ví dụ

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM Video poster</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-poster</legend>
         <video id="demo" width="320" controls><source    src="https://www.tutorialspoint.com/html5/foo.mp4" poster='' type="video/mp4"></video><br>
         <input type="button" onclick="getTrackDetails()" value="Get Poster URL">
         <div id="divDisplay"></div>
      </fieldset>
   </form>
   <script>
      var divDisplay = document.getElementById("divDisplay");
      var demo = document.getElementById("demo");
      function getTrackDetails() {
         if(demo.poster === '')
            divDisplay.textContent = 'No Poster, 1st frame of video used as poster';
         else
            divDisplay.textContent = 'Poster URL: '+demo.poster;
      }
   </script>
</body>
</html>

Đầu ra

Trước khi nhấp vào ‘Lấy URL áp phích’ nút -

HTML DOM Thuộc tính áp phích video

Sau khi nhấp vào ‘Nhận URL áp phích’ nút -

HTML DOM Thuộc tính áp phích video