loop - Cambia el video que se está reproduciendo en HTML5

video html5

Question

Estoy usando las etiquetas en HTML5 para reproducir un video en un navegador web ... (y estoy muy impresionado con esta nueva característica)

¿Existe la funcionalidad para cambiar el video que se está reproduciendo a través de Javascript? Por ejemplo, cuando seleccione otro video de una lista, se llamará a una función de Javascript que contendrá algo en las líneas de MyVideo.VideoLocation = //location of new video to be played . ¿Es esto posible por favor?

Gracias y saludos, Krt_Malta

Answer 1

Aquí está la solución, probada en Ipad / Iphone / Webkit / Firefox

<script>
function playNext(path,target)
{
target[0].src=path;
target[0].load();
target[0].play();
}
playNext("pathToMovie",$(''#video_1''));
</script>

Answer 2

La propiedad a utilizar:

videoTag.src

Si no se inicia automáticamente la reproducción después de eso:

videoTag.play()

Answer 3

Webkit requiere que llame a "load ()" después de cambiar la fuente:

videoTag.src = "newVideo";
videoTag.load();
videoTag.play();

Apple tiene un tutorial útil .