Buen día.
Tengo el siguiente HTML:
Código HTML:
Ver original <a href="#" id="b" onclick="abrirVideoA()"></a> ...
Lo que quiero hacer es que al dar clic a cada link se abra una nueva ventana con un video distinto. Puedo hacer una función que abra una ventana que contenga un video específico:
Código Javascript
:
Ver originalfunction abrirVideoA()
{
var ventana = window.open("", "Nueva ventana", "width=660, height=380, scrollbars=no");
ventana.document.write("<head><title>Video</title></head><body>");
ventana.document.write("<video src="videoA.ogv" controls></video>");
ventana.document.write("</body>");
}
Puedo repetir esta misma función (sólo cambiando el nombre de la función y del video) tantas veces como videos haya que mostrar en mi galería, y llamar cada una de estas funciones desde el link con el evento onclick(). Pero si meto 15 videos, esto acarrearía mucho código. ¿Cómo hacer para no repetir funciones a lo baboso? Algo como lo siguiente:
Código Javascript
:
Ver originalfunction abrirVideo(video)
{
var ventana = window.open("", "Nueva ventana", "width=660, height=380, scrollbars=no");
ventana.document.write("<head><title>Video</title></head><body>");
ventana.document.write(video);
ventana.document.write("</body>");
}
En donde
video sería una variable que contuviera cada vez el el HTML para mostrar un video específico. Es decir, que al dar clic al link A, la variable
video contuviera:
y que al dar clic al link B, contuviera:
etc.
Se me ocurre que el ID de cada link tuviera este HTML, pero no sé muy bien cómo la función javascript lo recogería dentro de una variable.
Gracias.
