Comunidad de diseño web y desarrollo en internet online

Imagen delante de iframe

Citar            
MensajeEscrito el 18 Ago 2012 09:15 am
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):

Código Javascript :

<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.

Por Jkymaster

0 de clabLevel



 

firefox
Citar            
MensajeEscrito el 18 Ago 2012 11:39 am
hola nunca habia entrado a vimeo pero entre y vi esto

<object id="player25034611_1806318777" class="" width="100%" height="100%" type="application/x-shockwave-flash" name="player25034611_1806318777" data="http://a.vimeocdn.com/p/flash/moogaloop/5.2.34/moogaloop.swf?v=1.0.0" style="visibility: visible;">
<param name="allowscriptaccess" value="always">
<param name="allowfullscreen" value="true">
<param name="scalemode" value="noscale">
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="bgcolor" value="#000000">
<param name="flashvars" value="server=vimeo.com&player_server=player.vimeo.com&cdn_server=a.vimeocdn.com&embed_location=&force_embed=0&force_info=1&moogaloop_type=moogaloop_local&js_api=1&js_getConfig=player25034611_1806318777.getConfig&js_setConfig=player25034611_1806318777.setConfig&clip_id=25034611&fullscreen=1&js_onLoad=player25034611_1806318777.player.moogaloopLoaded&js_onThumbLoaded=player25034611_1806318777.player.moogaloopThumbLoaded">
</object>

por ende
con jquery o javascript puedes crearlo en forma de objeto
mirando el source cn firebug
y poner un parametro q sea play = false
y q cuando haces click, el valor de ese parametro cambie.
o algo asi.

esto es una idea, xq nunca hice algo asi :D

Por skaterseba

Claber

170 de clabLevel



 

firefox
Citar            
MensajeEscrito el 18 Ago 2012 03:28 pm

Por caotz

86 de clabLevel

1 tutorial

 

chrome

 

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