Foros del Web - Ver Mensaje Individual - insertar reproductor de video en pagina web

emprear · #3 (**permalink**) 15/09/2011, 17:34

me quedan algunas dudas de tu planteo, pero por lo que entiendo, vos tenes los reproductores, lo que querés es que se vea uno u otro al apretar un link, y siempre en la misma página.
como sos nueva, creo que la solución más simple es que pongas tus reproductores dentor de dos divs con la propiedad display:none; de css y que tus links, que bien pueden ser dos imágenes a manera de botones, cambien la propiedad por disply:block; con un minimo de javascript

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Alternar Video</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
 
/* ---------------------------- */
/* MostrarOcultar Capas Multiples       */
/* ---------------------------- */
 
function m_oCapas() { 
  var i,a,v,elemento,cond=m_oCapas.arguments;
  for (i=0; i<(cond.length-2); i+=3) 
  with (document) if (getElementById && ((elemento=getElementById(cond[i]))!=null)) { v=cond[i+2];
    if (elemento.style) { elemento=elemento.style; v=(v=='ver')?'block':(v=='ocultar')?'none':v; }
    elemento.display=v; }
}
 
//]]>
</script>
</head>
<body>
<p>
<button onclick="m_oCapas('video_uno','','ver','video_dos','','ocultar');">Ver video 1</button> 
<button onclick="m_oCapas('video_uno','','ocultar','video_dos','','ver');">Ver video 2</button>
</p>
<div id="video_uno" style="display: none; width: 300px; height: 300px; border: solid 1px #000;">
código del reproductor 1
</div>
<div id="video_dos" style="display: none; width: 300px; height: 300px; border: solid 1px #000;">
código del reproductor 2
</div>
</body>
</html>

Hay mejores opciones, Ajax, php, pero creo que con esto te tendría que bastar

Saludos