La propiedad Video currentTime se usa para establecer o devolver la posición actual de la reproducción de video . La propiedad Video currentTime devuelve la posición de reproducción del video en forma de segundos.
La reproducción salta a la posición especificada cuando se establece esta propiedad.
Sintaxis:
- Devolviendo la propiedad currentTime:
videoObject.currentTime
- Configuración de la propiedad currentTime:
videoObject.currentTime = seconds
Valores de propiedad:
- segundos: Se utiliza para especificar la posición para la reproducción del video en segundos.
Valor devuelto: Devuelve un valor numérico que representa el tiempo de reproducción actual en segundos.
El siguiente programa ilustra la propiedad Video currentTime:
Ejemplo: Establecer la posición de tiempo en 50 segundos.
<!DOCTYPE html>
<html>
<head>
<title>
HTML | DOM Video currentTime Property
</title>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>
Video currentTime Property
</h2>
<br>
<video id="Test_Video"
width="360"
height="240"
controls>
<source src="samplevideo.mp4"
type="video/mp4">
<source src="movie.ogg"
type="video/ogg">
</video>
<p>
For setting the current video playback position,
double click the "Change Position" button.
</p>
<button ondblclick="My_Video()"
type="button">
Change Position
</button>
<script>
var v = document.getElementById("Test_Video");
function My_Video() {
v.currentTime = 50;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Navegadores compatibles: El navegador compatible con HTML | Las propiedades DOM Video currentTime se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- safari de manzana
Publicación traducida automáticamente
Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA