manual de referencia de HTML

大全 de etiquetas de HTML

Audio HTML/Evento seeked del DOM del video

Se desencadenará un evento de búsqueda cuando la operación de búsqueda se complete, la posición de reproducción actual se cambie y la propiedad booleana de búsqueda se cambie a false.

Audio HTML/Manual de referencia del DOM de video

Ejemplo en línea

cuando el usuario complete el movimiento/Después de saltar a un nuevo lugar en el video, avise con algún texto:

Ejemplo

<!DOCTYPE html>
<html>
<head>
<meta　charset="utf-8">
<title>Audio HTML/Uso del evento onseeked de video-Tutoriales básicos(oldtoolbag.com)</title>
</head>
<body>
<p> Mueva la posición de reproducción del video</p>
<video id="myVideo" width="320" height="176" controls>
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　Su navegador no admite HTML5　etiqueta video.
</video>
<script>
var vid = document.getElementById("myVideo");
vid.onseeked = function()　
{
　　　　alert("¡Operación de direccionamiento completada!");
};
</script>　
</body>
</html>

Prueba y mira ‹/›

Definición y uso

cuando el usuario complete el movimiento/Saltar al audio/a un nuevo lugar en el video, se desencadenará un evento de búsqueda.

Eventos. 　ocurrirá un evento de búsqueda cuando el usuario complete el movimientoEl evento contrario a seeking es seeking

Eventos. Consejo:/Objeto Video currentTime propiedad para obtener la posición de reproducción del video.

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Sintaxis

En HTML:

<audio|video onseeked="miScript">Pruebe esto

En JavaScript:

audio|video.onseeked=function(){miScript};Pruebe esto

En JavaScript, utilice el método addEventListener():

audio|video.addEventListener("seeked", miScript);Pruebe esto

Nota: Internet Explorer 8 y versiones anteriores de IE no son compatibles addEventListener() Métodos.

Detalles técnicos

Etiquetas HTML compatibles:	<audio> y <video>
Objetos JavaScript compatibles:	Audio, Video

Ejemplo en línea

Este ejemplo muestra la diferencia entre los eventos seeking y diferencias entre los eventos seeked:

Ejemplo

<!DOCTYPE html>
<html>
<head>
<meta　charset="utf-8">
<title>Audio HTML/Uso del evento onseeked de video-Tutoriales básicos(oldtoolbag.com)</title>
</head>
<body>
<p> Este ejemplo muestra la diferencia entre los eventos seeking y seeked: </p>
<p> El evento seeking se desencadena cada vez que el usuario comienza a mover/Saltar el audio del video (audio/video) cuando se desplace a una nueva posición. </p>
<p> El evento seeked se desencadena cuando el usuario completa el movimiento/Saltar el audio del video (audio/video) cuando se desplace a una nueva posición. </p>
<p> Mueva la posición de reproducción del video. <strong>Consejo: </fuerte> Intente instalar el botón del ratón y mover el artículo de reproducción del video </p>
<video onseeking="miFuncion()" onseeked="miSegundoFuncion()" width="320" height="176" controls>
　　<source src="mov_bbb.mp4" type="video/mp4">
　　<source src="mov_bbb.ogg" type="video/ogg">
　　Su navegador no admite HTML5　etiqueta video.
</video>
<p>Trigger seeking: <span id="demo"></span> veces.</p>
<p>Trigger seeked: <span id="demo2></span> veces.</p>
<script>
x = 0;
function myFunction()　
{
　　　　document.getElementById("demo").innerHTML = x　+=　1;
}
y = 0;
function mySecondFunction()　
{
　　　　document.getElementById("demo2").innerHTML = y　+=　1;
}
</script>
</body>
</html>

Prueba y mira ‹/›

Ejemplo en línea

Después de que el usuario complete el movimiento/Para mostrar la posición de reproducción actual al saltar a una nueva posición en el video, utilice la propiedad currentTime del objeto Video:

Ejemplo

<!DOCTYPE html>
<html>
<head>
<meta　charset="utf-8">
<title>Audio HTML/Uso del evento onseeked de video-Tutoriales básicos(oldtoolbag.com)</title>
</head>
<body>
<p>En este ejemplo, hemos agregado el evento "seeked" al elemento video. La propiedad currentTime devuelve la posición de reproducción actual.</p>
<p>Ir a una nueva posición en el video.</p>
<video id="myVideo" width="320" height="176" controls>
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　Su navegador no admite HTML5　etiqueta video.
</video>
<p>Posición de búsqueda: <span id="demo"></span></p>
<script>
//　Obtener el video con id="myVideo"
var vid = document.getElementById("myVideo");
//　Agregar el evento "seeked" al video, para ejecutar la función una vez completada la operación de búsqueda
vid.addEventListener("seeked", myFunction);
function myFunction()　
{
　　　　//　　Se muestra la posición de reproducción actual del video en el elemento p con id="demo"
　　　　document.getElementById("demo").innerHTML = vid.currentTime;
}
</script>
</body>
</html>

Prueba y mira ‹/›

Ejemplo en línea

Después de que el usuario complete el movimiento/Se muestra un mensaje de advertencia cuando se salta a una nueva posición de reproducción del audio:

Ejemplo

<!DOCTYPE html>
<html>
<head>
<meta　charset="utf-8">
<title>Audio HTML/Uso del evento onseeked de video-Tutoriales básicos(oldtoolbag.com)</title>
</head>
<body>
<p>Mover la posición de reproducción del audio</p>
<audio　id="myAudio"　controls>
　　<source　src="horse.ogg"　type="audio/ogg">
　　<source　src="horse.mp3"　type="audio/mpeg">
　　Su navegador no admite el elemento audio.
</audio>
<script>
var　aud　=　document.getElementById("myAudio");
aud.onseeked　=　function()　
{
　　　　alert("¡Operación de direccionamiento completada!");
};
</script>　
</body>
</html>

Prueba y mira ‹/›

Audio HTML/Manual de referencia del DOM de video

HTML: <template> etiqueta