HTML फ़ाइल पथ

<घंटा/>

किसी वेबसाइट में फ़ाइल पथ उस वेबसाइट में फ़ाइल का स्थान है। यह पथ सापेक्ष (वर्तमान पथ के संदर्भ में) या पूर्ण (फ़ाइल का पूरा URL) हो सकता है।

सिंटैक्स

निम्नलिखित वाक्य रचना है:

1) सापेक्ष पथ

src="ImgFolder/picture.jpg"

या

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

या

src="/ImgFolder/picture.jpg"

2) पूर्ण पथ

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

आइए हम HTML DOM वीडियो स्रोत . का एक उदाहरण देखें संपत्ति-

उदाहरण

<!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>

आउटपुट

यह निम्नलिखित आउटपुट देगा -

1) ‘URL प्राप्त करें . पर क्लिक करने से पहले ' बटन -

HTML फ़ाइल पथ

2) ‘URL प्राप्त करें’ . पर क्लिक करने के बाद बटन−

HTML फ़ाइल पथ