HTML DOM वीडियो खोजने योग्य गुण एक TimeRanges ऑब्जेक्ट देता है जिसमें वीडियो की खोज योग्य सीमा लंबाई और उसकी शुरुआत, समाप्ति स्थिति के बारे में जानकारी होती है।
सिंटैक्स
निम्नलिखित वाक्य रचना है -
रिटर्निंग टाइमरेंज ऑब्जेक्ट
mediaObject.seekable
आइए खोज योग्य वीडियो . का एक उदाहरण देखें संपत्ति -
उदाहरण
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM Video seekable</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-seekable</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="How much free view time is left?">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var demo = document.getElementById("demo");
function getTrackDetails() {
divDisplay.textContent = 'You are a premium viewer, so '+demo.seekable.start(0)+' -
'+demo.seekable.end(0)+' are seekable';
}
</script>
</body>
</html> आउटपुट
क्लिक करने से पहले ‘कितना खाली समय बचा है?’ बटन -
क्लिक करने के बाद 'कितना खाली समय बचा है?' बटन -
