insertar video de youtube con javascript

N1Tr0s #1 Dic '09

Tengo una pagina web con una cuenta atras, y cuando acabe, quiero que muestre un video de youtube.
La cuenta atras ya la tengo hecha, pero no se como insertar el video.
Si alguien es tan amable de ayudarme...
Gracias de antemano

Shendraf #2 Dic '09

No lo he probado pero los tiros pueden ir por aquí:

Con un div vacío (div_ejemplo), insertar el código embebido del youtube:

function mostrarvideo() {
  var codigo = "<object .....   >";
  document.getElementById("div_ejemplo").innerHTML = codigo;
}

N1Tr0s #3 Dic '09

eso creo k no funciona xk para poner la url del video tienes ke poner "//" y al ponerlo comenta la linea...

SiNSoNiDo #4 Dic '09 Gafe

Inserta el vídeo en una capa oculta

(style="display: none;")

y cuando el contador llegue a 0 haces un

document.getElementById("div_ejemplo").style.display = "block";

PiradoIV #5 Dic '09 Brongster

¿Y si pones los "//" en ASCII?:

// -> //

http://www.ascii.cl/es/codigos-html.htm

bLaKnI #6 Dic '09 Inocente

Y si simplemente, los escapas?

"...\/\/..."

NeB1 #7 Dic '09

Yo haría lo que dice #4, no obstante lo de #6 es la solución a tu error xD además, como te va a comentar nada si el código lo tienes que meter entre " " porque es un string?

N1Tr0s #8 Dic '09

#4
Lo primero ke pones de "style" no se si hay k ponerlo o no.
yo tengo esto:

spoiler

y en el script tengo esto:

pero cuando la cuenta atras acaba, no carga el video :S

SiNSoNiDo #9 Dic '09 Gafe

#8 No sé como tendrás tu código pero te pongo uno sencillo de una cuenta atrás y el efecto al que me refería a ver si te sirve de ayuda:

spoiler

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<style type="text/css">
#Layer2 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:2;
	left: 342px;
	top: 82px;
	display: none;
}
</style>
<script language="javascript">
function mifuncion() {
	document.getElementById("Layer2").style.display = 'block';
}
window.onload = function() {
	setTimeout (mifuncion, 3000); 
}
</script>
</head>
<body>
<div id="Layer2">VIDEO</div>
</body>
</html>

NeB1 #10 Dic '09

Sigo pensando que es inverosímil que un string te comente el código xD

N1Tr0s #11 Dic '09

#10 pues creetelo que me lo comentaba, pero con la solucion de #6 se arreglaba.
voy a probar a insertar el codigo de #9 con mis modificaciones, aer si soy capaz.
muchas gracias a todos. ya comentare luego si funciona o no...¬¬

por cierto, el script ke tengo para la cuenta atras es este:

spoiler

el caso es ke la pagina es una cuenta atras para k en un cierto momento muestre el video. nada mas

Usuarios habituales