HTML DOM वीडियो लोड () का उपयोग वीडियो तत्व को फिर से प्रस्तुत करने के लिए किया जाता है, जब उपयोगकर्ता द्वारा इसकी कुछ विशेषताओं जैसे 'src' को अपडेट किया जाता है।
सिंटैक्स
निम्नलिखित वाक्य रचना है -
videoObject.load()
आइए वीडियो लोड () . का एक उदाहरण देखें संपत्ति -
उदाहरण
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM Video load()</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-load( )</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(1)" value="Slow (<<)">
<input type="button" onclick="getTrackDetails(2)" value="Fast (>>)">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var demo = document.getElementById("demo");
function getTrackDetails(val) {
if(val === 1){
demo.defaultPlaybackRate -= 0.5;
demo.load();
divDisplay.textContent = 'Default Playback Set: '+demo.defaultPlaybackRate;
}
else{
demo.defaultPlaybackRate += 0.5;
demo.load();
divDisplay.textContent = 'Default Playback Set: '+demo.defaultPlaybackRate;
}
}
</script>
</body>
</html> आउटपुट
‘तेज़ (>>)’ पर क्लिक करना बटन 2 बार -
‘धीमा (<<)’ . पर क्लिक करना बटन -
