tengo un montón de dificultades para integrar la nueva fancybox (V. 2.0.4 g81c12d7) con el nuevo iframe vimeo código de inserción.
¿alguien tiene una solución?

OriginalEl autor user1169243 | 2012-01-25

2 Comentarios

  1. 11

    Sí, la forma más sencilla es utilizar el nuevo vimeo «el reproductor universal» incrustar sus vídeos.

    Siga los siguientes pasos:

    Una). Desde la página de vimeo elegir de uno de tus vídeos, a continuación, seleccione el icono de «embed» (en el vídeo).

    B). Obtener la iframe código que se parece a:

    <iframe src="http://player.vimeo.com/video/34792993?title=0&amp;byline=0&amp;portrait=0" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

    C). Extraer el contenido de la src atributo y establecer como href de su enlace, como:

    <a class="vimeo" href="http://player.vimeo.com/video/34792993?title=0&amp;byline=0&amp;portrait=0">open vimeo in fancybox</a>

    D). Su fancybox (v2.x) secuencia de comandos personalizada, a continuación, debe verse como:

    <script type="text/javascript">
    $(document).ready(function() {
     $(".vimeo").fancybox({
      width: 400,
      height: 225,
      type: 'iframe',
      fitToView : false
     });
    });
    </script>

    Aviso tengo el width y height de la iframe código.

    ACTUALIZACIÓN (Jun 25, 2013) : otro más fácil y simple manera de ver vimeo videos en fancybox (v2.1.5 como hoy en día) es el uso de la fancybox de medios auxiliares. Compruebe https://stackoverflow.com/a/17202629/1055987 para referencia futura.

    Yo estaba teniendo el mismo problema con el Shadowbox biblioteca (github.com/mjackson/shadowbox), y esta respuesta solucionado mi problema así (usando la URL del iframe para el enlace).

    OriginalEl autor JFK

  2. 0

    Porque sólo se puede cambiar el tamaño del iframe, vídeo, si es en nuestro propio dominio, he resuelto este problema mediante la copia de todo el contenido html de

    http://cache.vevo.com/m/html/embed.html

    A http://localhost/vevo.html. A continuación, cambiar el CSS:

        #videoPlayerSWF {
            width: 100%;
            height:100%;
        }

    Ahora, que yo llamo fancybox url mediante:

    http://localhost/vevo-embed.html?video=USUV71402745

    Que tiene el mismo HTML, CSS, y JavaScript como:

    http://cache.vevo.com/m/html/embed.html

    OriginalEl autor Franz Noel

Dejar respuesta

Please enter your comment!
Please enter your name here