JavaScript - Imagen delante de iframe

   
Vista:

Imagen delante de iframe

Publicado por Juan (1 intervención) el 18/08/2012 03:13:21
Hola buenas, os comento:

Mi intención es poner una imagen delante de un video iframe de vimeo y que al clickar sobre la imagen ésta desapareza y se reproduzca el video en cuestión. Para que me entendais mejor en esta página lo hacen:

http://www.makepretend.net/


He estado leyendo y al parecer era fácil hacerlo con la antigua opción de embed videos, pero ahora vimeo solo permite insertar iframes y quería saber cómo hacerlo de una forma sencilla.

Uso jquery y he probado varias opciones hasta el momento, pero no lo he conseguido. Una de ellas fue utilizar el método trigger para simular un clik sobre el video (y así se tendría que reproducir, pero no funciona):

1
2
3
4
5
6
7
8
<script>
$(document).ready(function() {
$('#imagendelante').click(function(){
$('#imagendelante').fadeOut();
$('#video').trigger('click');
});
});
</script>


Bueno, a ver si se os ocurre algo para hacer este efecto.
Gracias de antemano.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder