[Soporte rápido] Sumar ID consecutiva.

Hola amigos, bueno estoy diseñando una web, y necesito que me ayudeis, voy a poner un reproductor de Youtube, y necesito que cada vez que se haga click a un link, se sume 1 a la ID, para que pase el siguiente vídeo,

el código original es este:

Código

<script type="text/javascript">
function Reproducir(id)
{
var in1="<iframe title=\"YouTube video player\" width=\"480\" height=\"390\" src=\"http://www.youtube.com/embed/";
var in2="\" frameborder=\"0\" allowfullscreen></iframe>";
var ids = ["XzbPezkHIb8", "1ywiLKxf56k", "MZVQjo1aoJc", "z3Kkro0ztJg", "lebP_W34N9w"];
for (i=0;i<ids.length;i++)
{
if(id===i)
{
document.getElementById("rep").innerHTML=in1 + ids[i] + in2;
}
}
}
</script>

esto para cambiar de vídeo:

Código:

<a href="javascript:Reproducir(0)">Anhelo</a><br>
<a href="javascript:Reproducir(1)">Hoy Aprendí</a><br>
<a href="javascript:Reproducir(2)">Dame Una Oportunidad</a><br>
<a href="javascript:Reproducir(3)">Amiga</a><br>
<a href="javascript:Reproducir(4)">No Puedo Ser Tu Amigo</a>

y esto para que tengan algo los usuarios:

Código:

<div id="rep">
<iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/XzbPezkHIb8" frameborder="0" allowfullscreen></iframe>
</div>

Vale, pues yo he hecho algo así, y he añadido este código:

Código

var total=0;
 
function sumar(valor) {
total += valor; 
var ids[valor]=total;
}
 
function restar(valor) {
total-=valor; 
document.formulario.total.value=total;
}

y luego para pasar de vídeo esto:

Código:

<a href="javascript:Reproducir(ID)" value="1" onClick="if (this.onclick) sumar(1); else sumar(1)">&gt;&gt;</a><br>
<a href="javascript:Reproducir(ID)">&lt;&lt;</a><br>

Pero no cambia, necesito ayuda.

>:D

Un endemoniado saludo. :laugh:

<script>
// indice del siguiente elemento
// inicializamos en 1 si empezamos con el video 0
var next = 0;
// total de videos
var total = 5;
// función que reproduce el video
function play(index)
{
// aqui ponemos el código para el video de youtube
// calculamos el siguiente video
next = index + 1;
next = next % total;
}
// función que reproduce el siguiente video
function playNext()
{
play(next);
}
</script>
<html>
<body>
<div id="video_container">
</div>
<a href="javascript:playNext()">Siguiente</a>
</body>
</html>