13/08/2008, 13:04
|
| | | Fecha de Ingreso: agosto-2008
Mensajes: 18
Antigüedad: 15 años, 9 meses Puntos: 0 | |
| Respuesta: Javascript para detener video en capas ocultas
Vamos a ver... He hecho un ejemplo simplificado, con un menú que solo tiene dos opciones (a la derecha) y dos capas solapadas con sus respectivos vídeos (a la izquierda).
La idea sería que al pinchar una de las opciones de menú haga visible la capa que contiene el vídeo que la corresponde y, a la vez, oculte la capa del vídeo que se estaba reproduciendo y lo detenga, para evitar que se siga escuchando.
Espero que así se entienda. Gracias por todo, Panino 5001!!!
Código:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<style type="text/css">
<!--
#video01 {
position:absolute;
width:320px;
height:198px;
z-index:5;
}
#menu01 {
position:absolute;
width:200px;
height:91px;
z-index:3;
left: 535px;
top: 22px;
}
#menu03 {
position:absolute;
width:372px;
height:90px;
z-index:2;
left: 536px;
top: 122px;
}
#video03 {
position:absolute;
width:200px;
height:115px;
z-index:4;
visibility: hidden;
}
-->
</style>
<script type="text/javascript">
<!--
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.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash";
}
}
}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
function MM_callJS(jsStr) { //v2.0
return eval(jsStr)
}
//-->
</script>
</head>
<body onload="MM_CheckFlashVersion('8,0,0,0','El contenido de la página requiere una nueva versión del reproductor Macromedia Flash. Desea descargarlo ahora?');">
<div id="menu01"><a href="javascript:;" onmouseover="MM_callJS('style.cursor=\"hand\"')"><img src="menu-barraprograma-largo2.jpg" width="700" height="87" border="0" onclick="MM_showHideLayers('video01','','show','video03','','hide')" /></a></div>
<div id="video01">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="510" height="408" 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=video1&autoPlay=false&autoRewind=false" />
<embed src="FLVPlayer_Progressive.swf" flashvars="&MM_ComponentVersion=1&skinName=Corona_Skin_3&streamName=video1&autoPlay=false&autoRewind=false" quality="high" scale="noscale" width="510" height="408" name="FLVPlayer" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
<div id="menu03"><a href="javascript:;" onmouseover="MM_callJS('style.cursor=\"hand\"')"><img src="menu-barraprograma-largo2bis.jpg" width="700" height="87" border="0" onclick="MM_showHideLayers('video01','','hide','video03','','show')" /></a></div>
<div id="video03">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="510" height="408" id="FLVPlayer1">
<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=video3&autoPlay=false&autoRewind=false" />
<embed src="FLVPlayer_Progressive.swf" flashvars="&MM_ComponentVersion=1&skinName=Corona_Skin_3&streamName=video3&autoPlay=false&autoRewind=false" quality="high" scale="noscale" width="510" height="408" name="FLVPlayer1" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
</body>
</html>
|