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

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


Thuộc tính currentSrc của đối tượng Video trong HTML DOM trả về một chuỗi tương ứng với URL của video.

Cú pháp

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

mediaObject.currentSrc

Ví dụ

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

<!DOCTYPE html> <html> <head> <title>HTML DOM Video currentSrc</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-currentSrc</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()" 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.currentSrc;       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“. Truy cập này không phải admin nên URL không hiển thị:

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

Sau khi nhập „admin“ làm người dùng và nhấn nút „Lấy URL“:

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