Buenos dias,

Les comento mi problema. Quiero lograr que una imagen muestre un video al hacer click (como si fuese videobox), el tema es que no se como lograr dividir los videos como lo hace vimeo (alojamiento de videos) como ID diferentes para cada video.
Lo que quiero decir es: Tengo el js que logra abrir el video (en este caso vimeo) de la siguiente forma:

Código :

jQuery(document).ready(function() {
   jQuery('#tweetbar').jcarousel({
      scroll: 1
   });
   Shadowbox.init();
});

function showVideo(clipID, width, height) {
   if(width == undefined) {
      width = 640;
   }
   if(height == undefined) {
      height = 360;
   }
   var agent=navigator.userAgent.toLowerCase();
   var is_iphone = (agent.indexOf('iphone')!='-1');
   var is_ipad = (agent.indexOf('ipad')!='-1');
   
   if (is_iphone) {
      var htmlCode = "<video src='http://www.vimeo.com/play_redirect?clip_id="+clipID+"&quality=mobile' controls='controls' width='"+width+"' height='"+height+"'></video>";
   } 
   else if (is_ipad) {
      var htmlCode = "<video src='http://www.vimeo.com/play_redirect?clip_id="+clipID+"' controls='controls' width='"+width+"' height='"+height+"'></video>";
   } 
   else {
      var htmlCode = '<object width="'+width+'" height="'+height+'"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=' + clipID + '&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ccff33&amp;fullscreen=0&amp;autoplay=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=' + clipID + '&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ccff33&amp;fullscreen=0&amp;autoplay=1" type="application/x-shockwave-flash" allowfullscreen="false" allowscriptaccess="always" width="'+width+'" height="'+height+'"></embed></object>';
   }
   
   Shadowbox.open({
      content:    htmlCode,
      player:     "html",
      height:     height,
      width:      width
   });
}


Y en la imagen para abrir, en este caso con el id del video 12434585

Código :

<a href="javascript:showVideo(12435424,640,360)" class="pict"><img style="opacity: 1;" src="imagenes/01.jpg" alt="Video nuevo" /></a></li>


Mi pregunta es: Como puedo en vez de poner un video de vimeo, agregar un swf como reproductor para mostrar un video alojado en mi servidor, o como dividir como ID varios videos alojados en mi servidor como lo hace vimeo (ej: 12434585)

Espero que alguien me de una ayuda.

Saludos