HTML Audio/Video událost vyhledávání DOM
❮ HTML Audio/Video DOM Reference
Příklad
Když se uživatel začne přesouvat/přeskakovat na novou pozici ve videu, upozorní na něj text:
var vid = document.getElementById("myVideo");
vid.onseeking = function() {
alert("Seek operation began!");
};
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
K události hledání dochází, když se uživatel začne pohybovat/přeskakovat 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 | |||||
---|---|---|---|---|---|
seeking | Yes | 9.0 | Yes | Yes | Yes |
Syntax
V HTML:
<audio|video onseeking="myScript">
V JavaScriptu:
audio|video.onseeking=function(){myScript};
V JavaScriptu pomocí metody addEventListener():
audio|video.addEventListener("seeking", 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 začne přeskakovat na novou pozici:
// Get the <video> element with id="myVideo"
var vid = document.getElementById("myVideo");
// Attach a seeking event to the <video>, and execute a function if a seek operation begins
vid.addEventListener("seeking", 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ž se uživatel začne přesouvat/přeskakovat na novou pozici ve zvuku, upozorní na něj text:
var aud = document.getElementById("myAudio");
aud.onseeking = function() {
alert("Seek operation began!");
};
❮ HTML Audio/Video DOM Reference