# Controlar la reproducción de video en P5.js

**URL:** <https://discourse.processing.org/t/controlar-la-reproduccion-de-video-en-p5-js/9269>\
**Category:** Español\
**Created:** [March 13, 2019, 3:07pm UTC](https://discourse.processing.org/t/controlar-la-reproduccion-de-video-en-p5-js/9269 "2019-03-13T15:07:58Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![JMEscribano](https://avatars.discourse-cdn.com/v4/letter/j/8797f3/32.png) [@JMEscribano](https://discourse.processing.org/u/JMEscribano)\
**Post date:** [March 13, 2019, 3:07pm UTC](https://discourse.processing.org/t/controlar-la-reproduccion-de-video-en-p5-js/9269/1 "2019-03-13T15:07:58Z")

</div>

Estoy intentando moverme a lo largo de la reproducción de un video usando los cursores izquierdo y derecho de teclado. Para ello estoy intentando modificar la velocidad de reproducción pero obtengo el siguiente mensaje en la consola:

> Uncaught DOMException: Failed to set the ‘playbackRate’ property on ‘HTMLMediaElement’: The provided playback rate (-2) is not in the supported playback range.

El código que utilizo viene a ser una cosa así:

```auto
function keyPressed() {
    if (keyCode === LEFT_ARROW) {
       video.speed(1.5);
    } else if (keyCode === RIGHT_ARROW) {
       video.speed(-2);        
    }
}

function keyReleased() {
    video.speed(1);
}

```

¿Alguna idea? ¿No se aceptan velocidades negativas?

---

<div class="post-metadata">

**Author:** ![kfrajer](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/kfrajer/32/196_2.png) [@kfrajer](https://discourse.processing.org/u/kfrajer)\
**Post date:** [March 14, 2019, 6:35am UTC](https://discourse.processing.org/t/controlar-la-reproduccion-de-video-en-p5-js/9269/2 "2019-03-14T06:35:28Z")

</div>

Mire [esta pagina](https://p5js.org/reference/#/p5.MediaElement) en la referencia donde indica que no todos los browsers suportan velocidades negativas. Sugiero que intentes otros bowsers como Edge, FireFox, Chrome, Opera, etc.

Kf

---

<div class="post-metadata">

**Author:** ![JMEscribano](https://avatars.discourse-cdn.com/v4/letter/j/8797f3/32.png) [@JMEscribano](https://discourse.processing.org/u/JMEscribano)\
**Post date:** [March 18, 2019, 4:58pm UTC](https://discourse.processing.org/t/controlar-la-reproduccion-de-video-en-p5-js/9269/3 "2019-03-18T16:58:20Z")

</div>

Muchas gracias, kfrajer, era una cosa que había imaginado. No es la primera vez que los cambios en Chrome me han hecho una jugada parecida y cosas que ya tenía resueltas han dejado de funcionar al actualizar la versión.

He intentado una aproximación distinta, forzando el vídeo a recorrer el timeline hacia atrás, pero aún hay algo que se me escapa pues no consigo que se dibuje así (el vídeo se queda congelado y salta bruscamente al liberar el teclado) 😊

```auto
var backwardsInterval;

function keyPressed() {
    if (keyCode === LEFT_ARROW) {
       video.speed(1.5);
    } else if (keyCode === RIGHT_ARROW) {
            backwardsInterval = setInterval(function() {
                var video = document.getElementsByTagName("video");
                video[0].currentTime += -0.1;
            },30);        
    }
}

function keyReleased() {
    video.speed(1);
    clearInterval(backwardsInterval);
}

```

¡Muchas gracias de nuevo!