Comunidad de diseño web y desarrollo en internet online

No puedo hacer Play de objeto con video de youyube

Citar            
MensajeEscrito el 06 May 2008 12:21 pm
Hola a todos!!.

Les presento un problema que no puedo solucionar aun:
Tengo un video de youtube en mi pagina web y funciona correctamente, pero cuando intento hacer play clikeando en una imagen en su evento onclick no me reconoce el id del objeto. El cartel el de ES NULO O NO ES UN OBJETO.
No se cual sera el problema ya que el id del objeto esta definido.

Les muestro el codigo resumido como ejemplo:

En html (funciona correctamente):
<img id='la_imagen' ....../>
<object id='el_objeto' .....>
<param></param>
..
..
<param></param>
<embed></embed>
</object>

En javascript:
<script>
document.getElementById(la_imagen).onclick = function()
{
document.getElementById(el_objeto).Play();
}

</script>
No veo el error, por favor denme una mano para encontrerlo!!!!
Gracias!! - Fer

Por lamejorguia

2 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 06 May 2008 12:34 pm
Si lo has copiado "tal cual", te diré que te faltan unas comillas:
<script>
document.getElementById('la_imagen').onclick = function()
{document.getElementById('el_objeto').Play();}
</script>

Otra cosa: en xHTML, las comillas son dobles:
<img id="la_imagen" ....../>
<object id="el_objeto" .....>


Si no era eso, te diría que pongas la URL, para ver el código original.
O bien que pongas el código integro, sin ahorrar con "...."

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox
Citar            
MensajeEscrito el 06 May 2008 01:27 pm
Gracias RIZOME.

Aca te mando un codigo tanto HTML como javascript. Sencillo pero completo para que veas el error.

<html>
<head>
<LINK REL="STYLESHEET" TYPE="text/css" HREF="Estilos.css">
<script src="Funciones.js"></script>
</head>
<body>
<div id='panel_imagen' style="position:absolute; top:80px; left:26px; width:260px; height:50px">
<img id='la_imagen' src='play.jpg' width='270px' height='66px'/>
</div>

<div id='video_1' style="position:absolute; top:0px; left:0px; width:220px; height:170">
<object id="erasure_100" width="220" height="170">
<param name="movie" value="http://www.youtube.com/v/V0YiGjQk6zg&hl=en"></param>
<param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/V0YiGjQk6zg&hl=en" type="application/x-
shockwave-flash" wmode="transparent" width="220" height="170"></embed>
</object>
</div>
<script>funcion_play();</script>
</body>
</html>

En Funciones.js:

function funcion_play()
{
document.getElementById('la_imagen').onclick= function()
{
document.getElementById('erasure_100').Play();
}
}


Gracias!!


Eso es todo lo que puedo adjuntar. Recuerda que el video en forma directa con sus tags puede ajecutarse normalmente, el error me lo da en el javascript.

Por lamejorguia

2 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 06 May 2008 04:06 pm
Veamos.
Lo primero de todo.
Por favor:
Usa la etiqueta "code", para escribir CODIGO en los foros.

Después de eso, he re-formateado tu código, pues no lo escribías del todo correcto.
Aquí tienes una versión más aceptable:
(algunas partes las he amputado, y tú podrás restaurarlas a como te convengan, pero otras que he quitado, es porq el xHTML no se construye (o no se suele construir) como pusiste)

Código :

<html>
<head>
<script>
window.onload=function()
         {document.getElementById('la_imagen').onclick=function()
                                 {document.getElementById('erasure_100').play();   };
         };
</script>
</head>
<body>
<span id="la_imagen">play</span>
<object id="erasure_100" width="220" height="170">
<param name="movie" value="http://www.youtube.com/v/V0YiGjQk6zg&hl=en" />
<param name="wmode" value="transparent" />
<embed src="http://www.youtube.com/v/V0YiGjQk6zg&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="220" height="170"></embed>
</object>
</body>
</html>


Con este código, no da el problema que dices, de "EL OBJETO ES NULO O NO ES UN OBJETO".
Pero da otro:
El objeto no acepta la propiedad play().
Play is not a function
Que no se si será, porque no has puesto el código de la función... que no creo
O porque el Flash, no acepta ese método (que es el propio de los vidieos)

Mejor pregunta en:
Flash
Preguntas y ayuda general acerca de Flash, desde MX a 9.
Pues creo que allí sabrán cual es el método de JavaScript, que puede activar las películas flash. Aunque quizá esto dependa más bien, del reproductor de videos de YouTube.

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox
Citar            
MensajeEscrito el 06 May 2008 05:42 pm
Gracias, ya vi la modificacion.
Pero me rescribiste, para xHTML y mi codigo es HTML. En HTML esta aceptablemente bien escrito,
por eso no uso span sino div. Y mi duda es acerca de javascript el cual tambien se puede embeber en
cualquier parte del codigo (code).
Ademas que te da error, es decir aun no encuentro la solucion!!.

Gracias seguire buscando.

Por lamejorguia

2 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 07 May 2008 09:02 am

lamejorguia escribió:

[...] me rescribiste, para xHTML y mi codigo es HTML. En HTML esta aceptablemente bien escrito
Mira el título de esta sala:
XHTML, CSS, Javascript y AJAX
Expertos y novatos en el diseño web de la manera correcta con estándares web.

lamejorguia escribió:

[...]por eso no uso span sino div [...]
No tiene nada que ver.
Son etiquetas distintas, que se usan para cosas distintas, y existen también en HTML.
El <span>, es elemento inline, y el <div> es block-element.

lamejorguia escribió:

[...] mi duda es acerca de javascript [...] Ademas que te da error, es decir aun no encuentro la solucion!!.
Se nota que no has leído mi post:
:(

rizome escribió:

[...] Con este código, no da el problema que dices, de "EL OBJETO ES NULO O NO ES UN OBJETO".
Pero da otro:
El objeto no acepta la propiedad play().
Play is not a function
Que no se si será, porque no has puesto el código de la función... que no creo
O porque el Flash, no acepta ese método (que es el propio de los vidieos)

Mejor pregunta en:
Flash
Preguntas y ayuda general acerca de Flash, desde MX a 9.
Pues creo que allí sabrán cual es el método de JavaScript, que puede activar las películas flash. Aunque quizá esto dependa más bien, del reproductor de videos de YouTube.

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox
Citar            
MensajeEscrito el 07 May 2008 12:15 pm
Ja. Y yo creo que no leiste o interpretaste mi pregunta (no pregunte sobre como poner el codigo o si html y xhtml usan etiquetas distintas) lo que necesito es una respuesta directa al grano es decir; la solucion o no respondan, cuando necesito consejos de programacion los pido y creeme que la forma en que te mostre el codigo es correcta.
Ademas me marcaste en rojo xHTML y no me marcaste javascript.

NO HAY PROBLEMA, COMO DIJE ANTERIORMENTE SIGO BUSCANDO.

Por lamejorguia

2 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 07 May 2008 12:33 pm
Desafortunadamente, sigues sin dar muestras de haber leído lo que se escribe.
A ver si en rojo-enorme...
(Es la última vez que lo intento.)
U_U

rizome escribió:

El objeto no acepta la propiedad play().
Play is not a function.
Que no se si será, porque no has puesto el código de la función... que no creo
O porque el Flash, no acepta ese método (que es el propio de los vidieos)

Mejor pregunta en: Flash, pues creo que allí sabrán cual es el método de JavaScript, que puede activar las películas flash. Aunque quizá esto dependa más bien, del reproductor de videos de YouTube.


lamejorguia escribió:

[...] NO HAY PROBLEMA, COMO DIJE ANTERIORMENTE SIGO BUSCANDO.
Suerte pues.
^^

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.