¿Existe una forma sencilla de rebobinar un elemento de video html con javascript / jquery? [duplicar]
Oct 29 2020
Tengo un video que necesito mostrar en un sitio web. No puedo permitir que los usuarios lo adelanten rápidamente, pero deben poder rebobinarlo. He modificado el ejemplo aquí:https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_av_prop_controller
a lo siguiente:
<!DOCTYPE html>
<html>
<body>
<video id="myVideo" width="320" height="176" onclick="playOrPause();" oncontextmenu="return false;" controls >
<source src="https://www.w3schools.com/tags/mov_bbb.mp4" type="video/mp4">
<source src="https://www.w3schools.com/tags/mov_bbb.ogg" type="video/ogg">
Your browser does not support HTML5 video.
</video>
<div>
<input type="button" id="btnRewind" name="btnRewind" value="Rewind" onclick="rewindVideo();" />
<input type="button" id="btnPlay" name="btnPlay" value="Play" onclick="playVideo();" />
<input type="button" id="btnPause" name="btnPause" value="Pause" onclick="pauseVideo();" />
</div>
<script>
var video = document.getElementById("myVideo");
function playOrPause() {
if (video.paused) {
playVideo();
} else {
pauseVideo();
}
}
function playVideo() {
video.play();
}
function pauseVideo() {
video.pause();
}
function rewindVideo() {
//video.currentTime -= 0.5;
video.playBackRate = -2;
video.play();
}
</script>
<p>Video courtesy of <a href="https://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>.</p>
</body>
</html>¿Existe una forma sencilla de rebobinar el video desde la posición actual? Me gustaría evitar el uso de una biblioteca completa para una función de rebobinado. Sin embargo, jQuery estaría bien.
Respuestas
חִידָה Oct 29 2020 at 15:26
Cómo rebobinar un elemento de "video" 2 segundos con JS :
function Rewind() {
var myVideo = document.getElementById("myVideo");
myVideo.currentTime = myVideo.currentTime -2; }
Cómo avanzar rápidamente un elemento de "video" 2 segundos con JS :
function FastForward() {
var myVideo = document.getElementById("myVideo");
myVideo.currentTime = myVideo.currentTime +2; }