Como puedo poner un video en una web????

Legario · #1 (**permalink**) 22/10/2008, 07:01

Hola a todos,

Disculpe que moleste me podrian ayudar a poner un video en una pagina web que esta relaizada con Divs, cada Divs pequeño es una pestaña que si se hace click en ella, el Div grande cambia a ese color y lo que quiero es poner un video en iv grande de donde Slide Show.
Les dejo el codigo, espeoque me peudan ayudar.

<html>
<head>
<title>Ecuador Spanish</title>
<SCRIPT>
function mostrar(color){
document.getElementById('capa1').style.backgroundC olor= color;
}

</SCRIPT>
<style type="text/css">

</style></head>

<body bgcolor="#000000">

<div style="background-color:#00FF00; position:absolute; height:56px; width: 200px; top:143px; left: 0px;" onclick="mostrar('#00FF00')">
<div style="background-color:#000000; position:absolute; height:22px; width: 200px; top:16px; left: 0px;" onclick="mostrar('#000000')";>
<div align="center" class="style2"></div> </div> </div>

<div style="background-color:#00CC00; position:absolute; height:56px; width: 200px; left: 200px; top: 143px;" onclick="mostrar('00CC00')">
<div style="background-color:#000000; position:absolute; height:22px; width: 200px; top:16px; left: 0px;" onclick="mostrar('#000000')";>
<div align="center" class="style2"> </div> </div> </div> </div>

<div style="background-color:#009900; position:absolute; height:56px; width: 200px; left: 400px; top: 143px;" onclick="mostrar('#009900')">
<div style="background-color:#000000; position:absolute; height:22px; width: 200px; top:16px; left: 0px;" onclick="mostrar('#000000')";>
<div align="center" class="style2"></div> </div> </div>

<div style="background-color:#006600; position:absolute; height:56px; width: 200px; left: 600px; top: 143px;" onclick="mostrar('#006600')">
<div style="background-color:#000000; position:absolute; height:22px; width: 200px; top:16px; left: 0px;" onclick="mostrar('#000000')";>
<div align="center" class="style2">SLIDE SHOW </div> </div> </div>

<div id="capa1" style="background-color:#00FF00; position:absolute; width:800px; height:600px; left: 0px; top: 200px; ">
<div style="background-color:#000000; position:absolute; height:89px; width: 127px; left: 35px; top: -173px;" onclick="mostrar('#000000')"> </div>
</div>
</div>
</body>
</html>

Un abrazo

Hamn · #2 (**permalink**) 22/10/2008, 09:35

no entiendo muy bien tu pregunta creo seria de esta forma...

Código PHP:

  <html> 
<head> 
<title>Ecuador Spanish</title> 
<SCRIPT> 
function mostrar(color){ 
document.getElementById('capa1').style.backgroundC olor= color; 
} 
 
 
 
function MM_CheckFlashVersion(reqVerStr,msg){ 
  with(navigator){ 
    var isIE  = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1); 
    var isWin = (appVersion.toLowerCase().indexOf("win") != -1); 
    if (!isIE || !isWin){   
      var flashVer = -1; 
      if (plugins && plugins.length > 0){ 
        var desc = plugins["Shockwave Flash"] ? plugins["Shockwave Flash"].description : ""; 
        desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave Flash 2.0"].description : desc; 
        if (desc == "") flashVer = -1; 
        else{ 
          var descArr = desc.split(" "); 
          var tempArrMajor = descArr[2].split("."); 
          var verMajor = tempArrMajor[0]; 
          var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r"); 
          var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0; 
          flashVer =  parseFloat(verMajor + "." + verMinor); 
        } 
      } 
      // WebTV has Flash Player 4 or lower -- too low for video 
      else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0; 
 
      var verArr = reqVerStr.split(","); 
      var reqVer = parseFloat(verArr[0] + "." + verArr[2]); 
   
      if (flashVer < reqVer){ 
        if (confirm(msg)) 
          window.location = "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"; 
      } 
    } 
  }  
} 
</SCRIPT> 
<style type="text/css"> 
<!-- 
.style2 {color: #FFFFFF} 
--> 
</style> 
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script> 
</head> 
 
<body bgcolor="#000000" onLoad="MM_CheckFlashVersion('7,0,0,0','El contenido de la página requiere una nueva versión del reproductor Adobe Flash.  Desea descargarlo ahora?');"> 
 
<div style="background-color:#00FF00; position:absolute; height:56px; width: 200px; top:143px; left: 0px;" onclick="mostrar('#00FF00')">  
<div style="background-color:#000000; position:absolute; height:22px; width: 200px; top:16px; left: 0px;" onclick="mostrar('#000000')";> 
<div align="center" class="style2"></div> </div> </div>  
 
<div style="background-color:#00CC00; position:absolute; height:56px; width: 200px; left: 200px; top: 143px;" onclick="mostrar('00CC00')"> 
<div style="background-color:#000000; position:absolute; height:22px; width: 200px; top:16px; left: 0px;" onclick="mostrar('#000000')";> 
<div align="center" class="style2"> </div> </div> </div> </div> 
 
 
<div style="background-color:#009900; position:absolute; height:56px; width: 200px; left: 400px; top: 143px;" onclick="mostrar('#009900')">  
<div style="background-color:#000000; position:absolute; height:22px; width: 200px; top:16px; left: 0px;" onclick="mostrar('#000000')";> 
<div align="center" class="style2"></div> </div> </div>  
 
<div style="background-color:#006600; position:absolute; height:56px; width: 200px; left: 600px; top: 143px;" onclick="mostrar('#006600')">  
<div style="background-color:#000000; position:absolute; height:22px; width: 200px; top:16px; left: 0px;" onclick="mostrar('#000000')";> 
<div align="center" class="style2">SLIDE SHOW </div> </div> </div>  
 
 
<div id="capa1" style="background-color:#00FF00; position:absolute; width:800px; height:600px; left: 0px; top: 200px; "> 
<div style="background-color:#000000; position:absolute; height:89px; width: 127px; left: 35px; top: -173px;" onclick="mostrar('#000000')"> </div> 
<script type="text/javascript"> 
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0','width','320','height','240','id','FLVPlayer','src','FLVPlayer_Progressive','flashvars','&MM_ComponentVersion=1&skinName=Corona_Skin_3&streamName=../Documents/movie&autoPlay=true&autoRewind=true','quality','high','scale','noscale','name','FLVPlayer','salign','lt','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','FLVPlayer_Progressive' ); //end AC code 
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="320" height="240" id="FLVPlayer"> 
  <param name="movie" value="FLVPlayer_Progressive.swf" /> 
  <param name="salign" value="lt" /> 
  <param name="quality" value="high" /> 
  <param name="scale" value="noscale" /> 
  <param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Corona_Skin_3&streamName=../Documents/movie&autoPlay=true&autoRewind=true" /> 
  <embed src="FLVPlayer_Progressive.swf" flashvars="&MM_ComponentVersion=1&skinName=Corona_Skin_3&streamName=../Documents/movie&autoPlay=true&autoRewind=true" quality="high" scale="noscale" width="320" height="240" name="FLVPlayer" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" /> 
</object></noscript> 
</div> 
</div> 
</body> 
</html>

deberas remplazar estas lineas por la ubicacion de tu video .flv ../Documents/movie recuerda que necesitaras de un archivo js que si lo haces en dreamwever CS3 te lo generara automaticamente