Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

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


Thuộc tính src của đối tượng Video trong HTML DOM trả về hoặc thiết lập một chuỗi tương ứng với URL của video.

Cú pháp

Trả về giá trị chuỗi:

mediaObject.src

Thiết lập src thành URLString:

mediaObject.poster = URLString

Ví dụ

Ví dụ minh họa thuộc tính HTML DOM Video src:

<!DOCTYPE html><html> <head> <title>HTML DOM Video src</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-src</legend>          <video id="demo" width="320" controls src="https://www.tutorialspoint.com/html5/foo.mp4"          type="video/mp4"> </video><br>          <input type="button" onclick="getTrackDetails()" value="Lấy URL">          <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");       function getTrackDetails() {          if(textSelect.value === 'admin')             divDisplay.textContent = 'URL Video: '+demo.src;          else             divDisplay.textContent = 'Không thể cung cấp URL, người dùng không được ủy quyền';       }    </script> </body> </html>

Kết quả

Nhấn nút „Lấy URL“ sau khi nhập tên người dùng:

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

Nhấn nút „Lấy URL“ sau khi nhập „admin“ làm tên người dùng sẽ cho phép truy cập URL:

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