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:
<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:
<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:
<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:
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:
<a href="javascript:Reproducir(ID)" value="1" onClick="if (this.onclick) sumar(1); else sumar(1)">>></a><br>
<a href="javascript:Reproducir(ID)"><<</a><br>
Pero no cambia, necesito ayuda.
>:D Un endemoniado saludo. :laugh:
Tienes que usar una variable global que almacene cual es el siguiente video, te dejo un pseudocódigo
<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>
El código está bastante bien, y más o menos lo entiendo, pero no se como complementarlo con mi código. ¿Me ayudas? :silbar:
:laugh: