Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Videos fancybox sin frames

Estas en el tema de Videos fancybox sin frames en el foro de Frameworks JS en Foros del Web. Estoy usando las fancybox para ver un video de youtube y me aparece el video en un frame. Este es el codigo para verlo. Código ...
  #1 (permalink)  
Antiguo 11/04/2010, 00:46
 
Fecha de Ingreso: agosto-2009
Mensajes: 193
Antigüedad: 14 años, 8 meses
Puntos: 0
Videos fancybox sin frames

Estoy usando las fancybox para ver un video de youtube y me aparece el video en un frame.
Este es el codigo para verlo.
Código PHP:

<script type="text/javascript">
$(
document).ready(function() {
$(
'a.video1').fancybox({
'hideOnContentClick'false,
'frameWidth'640,
'frameHeight'480,
'overlayOpacity'0.70,
'overlayColor'    :'#000'
}),
$(
'a.video2').fancybox({
'hideOnContentClick'false,
'frameWidth'720,
'frameHeight'576,
'overlayOpacity'0.70,
'overlayColor'    :'#000'
});
});
</script> 
este es el codigo para llamar al video
Código PHP:
<class="video2" href="bicentenario.txt"><img alt="" src="./images/rosa/bicentenario/bicentenario.gif" /></a
Y este es el contenido del bicentenario.txt
Código PHP:
<object width="525" height="385">
<
param name="movie" value="http://www.youtube.com/v/bXcKVOcbGVc&hl=es_ES&fs=1&rel=0"></param>
<
param name="allowFullScreen" value="true"></param>
<
param name="allowscriptaccess" value="always"></param>
<
embed src="http://www.youtube.com/v/bXcKVOcbGVc&hl=es_ES&fs=1&rel=0" type="application/x-shockwave-flash" 
allowscriptaccess="always" allowfullscreen="true" width="525" height="385">
</
embed>
</
object
Me podrian decir como hago para que no salga en frames.
  #2 (permalink)  
Antiguo 11/04/2010, 00:51
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Tema movido desde javascript

Parece que funciona con jquery, y aquí te ayudarán mejor.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 11/04/2010, 19:53
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 15 años, 1 mes
Puntos: 101
Respuesta: Videos fancybox sin frames

Seria bueno un enlace a la pagina del autor, así vemos si es posible usar ese lightbox sin frames. Por lo general, la opcion por defecto es sin frames, aunque para los videos... no se. Creo que tambien.
  #4 (permalink)  
Antiguo 12/04/2010, 01:28
 
Fecha de Ingreso: agosto-2009
Mensajes: 193
Antigüedad: 14 años, 8 meses
Puntos: 0
Respuesta: Videos fancybox sin frames

Muchas gracias por la respuesta, pero ya lo solucione.
A veces las cosas no se ven hasta que no haces pruebas y pruebas.
Pongo aqui la solucion por si a alguien le sirve.

<object width="650" height="490">
<param name="movie" value="http://www.youtube.com/v/bXcKVOcbGVc&hl=es_ES&fs=1&rel=0"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/bXcKVOcbGVc&hl=es_ES&fs=1&rel=0" type="application/x-shockwave-flash"
allowscriptaccess="always" allowfullscreen="true" width="640" height="480">
</embed>
</object>


Hago resalta en negrita para que vean la diferencia.
Con el aumento ya no salen los frames.
Esta es la pagina del autor de las fancybox http://fancybox.net/
  #5 (permalink)  
Antiguo 12/04/2010, 06:57
 
Fecha de Ingreso: agosto-2009
Mensajes: 193
Antigüedad: 14 años, 8 meses
Puntos: 0
Como cambio este codigo a file externo

Este codigo me funciona, poniendo en javascrip debajo del <a href=""></a>
Pero si el javascript lo pongo en un fichero a parte para cargarlo desde el header, no me funciona.
Código PHP:
<div class="Post-Photo-Right">
<
a id="video" href="http://www.youtube.com/v/bXcKVOcbGVc&hl=en_US&fs=1&rel=0&autoplay=1"title="Bicentenario de Regatas" />
<
img alt="" title="Pulse aquí para ver el video" src="./images/rosa/bicentenario/bicentenario.gif" />
</
a>
<
script>
$(
"#video").click(function() {
$.
fancybox({
'padding'        0,
'autoScale'        false,
'transitionIn'    'none',
'transitionOut'    'none',
'title'            this.title,
'width'            680,
'height'        495,
'href'            this.href.replace(new RegExp("watch\\?v=""i"), 'v/'),
'type'            'swf',
'swf'            : {'wmode':'transparent','allowfullscreen':'true'}
});
return 
false;
});
</script>
</div> 
Como se puede modificar este codigo para que funcione cargando el javascript desde un file externo en el header.
  #6 (permalink)  
Antiguo 12/04/2010, 13:20
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 15 años, 1 mes
Puntos: 101
Respuesta: Videos fancybox sin frames

Tenes que ponerlo dentro de un document.ready, claro.
  #7 (permalink)  
Antiguo 13/04/2010, 10:08
 
Fecha de Ingreso: agosto-2009
Mensajes: 193
Antigüedad: 14 años, 8 meses
Puntos: 0
Respuesta: Videos fancybox sin frames

$(document).ready(function() {
/*--------------------------------------------------
$("#video").click(function() {
$.fancybox({
'padding' : 0,
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'title' : this.title,
'width' : 680,
'height' : 495,
'href' : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
'type' : 'swf',
'swf' : {'wmode':'transparent','allowfullscreen':'true'}
});
return false;
});

*/-------------------------------------------------------------
});

Si te refieres a esto, tampoco me funciona.
Como te abras dado cuenta no se nada de javascript estoy haciendo pruebas y pruebas.
Cuando ya lo veo muy negro recurro a vosotros que siempre me ayudais.
Muchas gracias
  #8 (permalink)  
Antiguo 13/04/2010, 14:22
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 15 años, 1 mes
Puntos: 101
Respuesta: Videos fancybox sin frames

Que es esto?
Cita:
/*--------------------------------------------------


*/-------------------------------------------------------------
Asi estas anulando todo lo escribis dentro.

Me parece que vis estas queriendo poner CDATA. Así:

Cita:
/*<![CDATA[*/

/*]]>*/
  #9 (permalink)  
Antiguo 14/04/2010, 07:04
 
Fecha de Ingreso: agosto-2009
Mensajes: 193
Antigüedad: 14 años, 8 meses
Puntos: 0
Respuesta: Videos fancybox sin frames

Ya funciona eran las mineas de comentario que no las cerraba.
Muchas Gracias

Etiquetas: fancybox, frames, video
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:08.