Đường dẫn tệp HTML

Đường dẫn tệp trong trang web là vị trí của tệp trong trang web đó. Đường dẫn này có thể là tương đối (tham chiếu đến đường dẫn hiện tại) hoặc tuyệt đối (URL đầy đủ của tệp).

Cú pháp

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

1) Đường dẫn tương đối

src="ImgFolder/picture.jpg"

Hoặc

src="../ImgFolder/picture.jpg"

Hoặc

src="/ImgFolder/picture.jpg"

2) Đường dẫn tuyệt đối

src="https://www.tutorialspoint.com/html5/foo.mp4"

Hãy để chúng tôi xem một ví dụ về HTML DOM Video src tài sản−

Ví dụ

<!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="wordPressIntro" width="320" controls src="https://www.tutorialspoint.com/html5/foo.mp4" type="video/mp4"> </video><br>
<input type="button" onclick="getTrackDetails()" value="Get URL">
<input type="text" id="textSelect" placeholder="Full Name...">
<div id="divDisplay">
</div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var textSelect = document.getElementById("textSelect");
   var wordPressIntro = document.getElementById("wordPressIntro");
   function getTrackDetails() {
      if(textSelect.value === 'admin')
         divDisplay.textContent = 'Video URL: '+wordPressIntro.src;
      else
         divDisplay.textContent = 'Cannot Provide URL, Unauthorized User';
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

1) Trước khi nhấp vào ‘Nhận URL Nút '-

Đường dẫn tệp HTML

2) Sau khi nhấp vào ‘Nhận URL’ nút−

Đường dẫn tệp HTML