Consulta embed video y imagen de youtube y funcion javascript

15 views
Skip to first unread message

Fabian

unread,
Jun 11, 2013, 6:07:17 PM6/11/13
to javascrip...@googlegroups.com
Hola mi problema es que uso una imagen para ocultar el video y al dar clic deberia verse el video de youtube y comenzar a reproducir el video. pero asi como como lo tengo se comienza a reproducir al cargar el navegador..

<div onclick="thevid=document.getElementById('thevideo'); thevid.style.display='block'; this.style.display='none'"><img style="cursor: pointer;" src="http://dwssite.com/wp-content/uploads/2012/02/YT-pic.jpg" alt="" /></div>
<div id="thevideo" style="display: none;"> <iframe width="300" height="190" src="http://www.youtube.com/embed/<?php echo $video['id'] ?>?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe></div>

Gracias

Jorge Vallejo

unread,
Jun 12, 2013, 3:37:15 AM6/12/13
to javascrip...@googlegroups.com
Veo un par de cosas raras:

hevid.style.display='block'; this.style.display='none' , muestra y oculta a la vez, lo que significa siempre ocultará.
Por otro lado tienes un autoplay=1 , que hace que el video se reproduzca en cuanto se carge la pagina.

Yo crearia una funcion en javascript que comprobara si la capa esta oculta o no, y la llamaria al hacer click sobre la capa.

El 12/06/13 00:07, Fabian escribió:
--
Has recibido este mensaje porque estás suscrito al grupo "Javascript Español" de Grupos de Google.
Para anular la suscripción a este grupo y dejar de recibir sus correos electrónicos, envía un correo electrónico a javascript-espa...@googlegroups.com.
Para publicar una entrada en este grupo, envía un correo electrónico a javascrip...@googlegroups.com.
Visita este grupo en http://groups.google.com/group/javascript-espanol?hl=es.
Para obtener más opciones, visita https://groups.google.com/groups/opt_out.
 
 

@CBertelegni

unread,
Jun 14, 2013, 11:18:12 AM6/14/13
to javascrip...@googlegroups.com
Fabian en la url del iframe deberías cambiar autoplay=1 por autoplay=0 De esta manera va a aparecer en stop.

Salduos.
Reply all
Reply to author
Forward
0 new messages