एचटीएमएल ऑडियो/वीडियो डोम टाइमअपडेट इवेंट
❮ एचटीएमएल ऑडियो/वीडियो डोम संदर्भ
उदाहरण
जब किसी वीडियो के चलने की स्थिति बदल गई हो, तो वीडियो की वर्तमान स्थिति को सेकंडों में प्रदर्शित करें:
// Get the <video> element with id="myVideo"
var vid = document.getElementById("myVideo");
// Assign an ontimeupdate event to the <video> element, and execute a function if the current playback position has changed
vid.ontimeupdate = function() {myFunction()};
function myFunction() {
// Display the current position of the video in a <p> element with id="demo"
document.getElementById("demo").innerHTML = vid.currentTime;
}
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
टाइमअपडेट इवेंट तब होता है जब किसी ऑडियो/वीडियो की प्लेइंग पोजीशन बदल जाती है।
इस घटना द्वारा आमंत्रित किया जाता है:
- ऑडियो/वीडियो चला रहा है
- प्लेबैक स्थिति को स्थानांतरित करना (जैसे जब उपयोगकर्ता ऑडियो/वीडियो में एक अलग बिंदु पर तेजी से आगे बढ़ता है)
युक्ति: इस टाइमअपडेट ईवेंट का उपयोग अक्सर ऑडियो/वीडियो ऑब्जेक्ट की currentTime प्रॉपर्टी के साथ किया जाता है , जो सेकंड में ऑडियो/वीडियो प्लेबैक की वर्तमान स्थिति लौटाता है।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से ईवेंट का समर्थन करता है।
Event | |||||
---|---|---|---|---|---|
timeupdate | Yes | 9.0 | Yes | Yes | Yes |
वाक्य - विन्यास
एचटीएमएल में:
<audio|video ontimeupdate="myScript">
जावास्क्रिप्ट में:
audio|video.ontimeupdate=function(){myScript};
जावास्क्रिप्ट में, addEventListener() विधि का उपयोग करना:
audio|video.addEventListener("timeupdate", myScript);
टेक्निकल डिटेल
समर्थित HTML टैग: | <ऑडियो> और <वीडियो> |
---|---|
समर्थित JavaScript ऑब्जेक्ट: | श्रव्य दृश्य |
और ज्यादा उदाहरण
उदाहरण
जब किसी ऑडियो के चलने की स्थिति बदल गई हो, तो ऑडियो की वर्तमान स्थिति को सेकंडों में प्रदर्शित करें:
// Get the <audio> element with id="myVideo"
var aud = document.getElementById("myVideo");
// Assign an ontimeupdate event to the <audio> element, and execute a function if the current playback position has changed
aud.ontimeupdate = function() {myFunction()};
function myFunction() {
// Display the current position of the audio in a <p> element with id="demo"
document.getElementById("demo").innerHTML = aud.currentTime;
}
उदाहरण
वर्तमान प्लेबैक स्थिति को 5 सेकंड पर सेट करने के लिए currentTime गुण का उपयोग करना:
document.getElementById("myVideo").currentTime = 5;
❮ एचटीएमएल ऑडियो/वीडियो डोम संदर्भ