[Soporte rápido] Sumar ID consecutiva.

z3nth10n · 4 Julio 2012, 15:33 PM

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 (javascript) [Seleccionar]

<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 [Seleccionar]

<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 [Seleccionar]

<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 (javascript) [Seleccionar]


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 [Seleccionar]


<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.

Un endemoniado saludo.

Anvil · 5 Julio 2012, 18:12 PM

Tienes que usar una variable global que almacene cual es el siguiente video, te dejo un pseudocódigo

Código (html4strict) [Seleccionar]


<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>

z3nth10n · 6 Julio 2012, 16:21 PM

El código está bastante bien, y más o menos lo entiendo, pero no se como complementarlo con mi código. ¿Me ayudas?

Test Foro de elhacker.net SMF 2.1

[Soporte rápido] Sumar ID consecutiva.

z3nth10n

Anvil

z3nth10n