HTML Audio/Video DOM hledaná událost
❮ HTML Audio/Video DOM Reference
Příklad
Když uživatel dokončí přesun/přeskočení na novou pozici ve videu, upozorní na něj text:
var vid = document.getElementById("myVideo");
vid.onseeked = function() {
alert("Seek operation completed!");
};
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
K hledané události dojde, když uživatel dokončí přesun/přeskočení na novou pozici ve zvuku/videu.
Tip: Hledaná událost je opakem hledané události .
Tip: Použijte vlastnost currentTime objektu Audio/Video k získání aktuální pozice přehrávání.
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která událost plně podporuje.
Event | |||||
---|---|---|---|---|---|
seeked | Yes | 9.0 | Yes | Yes | Yes |
Syntax
V HTML:
<audio|video onseeked="myScript">
V JavaScriptu:
audio|video.onseeked=function(){myScript};
V JavaScriptu pomocí metody addEventListener():
audio|video.addEventListener("seeked", myScript);
Technické údaje
Podporované HTML tagy: | <audio> a <video> |
---|---|
Podporované objekty JavaScriptu: | Audio Video |
Další příklady
Příklad
Tento příklad ukazuje rozdíl mezi hledanou událostí a hledanou událostí:
<video onseeking="myFunction()" onseeked="mySecondFunction()">
Příklad
Použití vlastnosti currentTime objektu Video k zobrazení aktuální pozice přehrávání, když uživatel dokončí přesun/přeskočení na novou pozici:
// Get the <video> element with id="myVideo"
var vid = document.getElementById("myVideo");
// Attach a seeked event to the <video>, and execute a function when a seek operation completes
vid.addEventListener("seeked", myFunction);
function myFunction() {
// Display the current position of the <video> in a p element with id="demo"
document.getElementById("demo").innerHTML = vid.currentTime;
}
Příklad
Když uživatel dokončí přesun/přeskočení na novou pozici ve zvuku, upozorní na něj text:
var aud = document.getElementById("myAudio");
aud.onseeked = function() {
alert("Seek operation completed!");
};
❮ HTML Audio/Video DOM Reference