Utilisation de jquery pour charger dynamiquement des vidéos Vimeo

Je voudrais créer une fonction qui me permettrait d'intégrer mes vidéos Vimeo sur mon site web et l'exécuter comme un YouTube playlist c'est à dire quand une vidéo lien est cliqué, plutôt que d'avoir à recharger la page il ne recharge la vidéo. Ainsi, par exemple, ce qui est un site du film, j'ai une remorque pour le projet ainsi qu'un peu de promo clips, je voudrais être en mesure de montrer à tous ceux en ayant simplement à l'utilisateur de cliquer sur un lien qui permet de charger une nouvelle vidéo. Comment puis-je faire?

OriginalL'auteur jwinton | 2011-07-24

  1. 7

    cela devrait fonctionner aussi.

    $('#some_video_container').html('<iframe src="http://player.vimeo.com/video/12345?
                                 title=1&amp;byline=1&amp;portrait=1" width="643"
                                 height="360" frameborder="0"></iframe>');
    jsfiddle.net/ELHCm JSFiddle Démo basée sur la réponse

    OriginalL'auteur Quest

  2. 5

    Ici vous allez.

    $.getJSON('http://www.vimeo.com/api/oembed.json?url=' + encodeURIComponent('http://vimeo.com/7100569') + '&width=300&callback=?', function(data){
        $('#some_video_container').html(data.html);
});
    j'aime cette solution mieux
    Cool. Une idée de comment faire cela sur https?
    C'est le genre de vieux, donc je voudrais l'utiliser jQuery $.ajax maintenant. Pour charger via le protocole https, omettez simplement le protocole de l'url, comme ceci: $.ajax('//www.vimeo.com/api... note de l'absence de http ou https, le navigateur va comprendre cela. Il suffit de commencer les url avec slash slash

    OriginalL'auteur jrue

  3. 1

    Caisse oembed, il. Le meilleur fournisseur que je connaisse est http://embed.ly

    Officiel de JQuery Intégrer.ly plugin est ici: https://github.com/embedly/embedly-jquery

    OriginalL'auteur AlienWebguy

  4. 0

    J'ai aussi utilisé Vimeo liste de lecture, trouvé ici: http://luwes.co/labs/vimeo-playlist/

    Vous pouvez définir l'endroit où vous voulez la liste de lecture liste (en haut, en bas ou sur le côté de la vidéo). Dans l'ensemble c'est assez facile à mettre en place. Vous venez de mettre votre url de vidéo dans un tableau dans le script:

    <div id="player"></div>
<script src="http://luwes.co/vimeowrap.js/vimeowrap.js"></script>
<script src="http://luwes.co/vimeowrap.js/vimeowrap.playlist.js"></script>
<script>
    vimeowrap('player').setup({
        urls: [
            'https://vimeo.com/user3709818',
            'https://vimeo.com/user3709818'
        ],
        plugins: {
            'playlist':{}
        }
    });
</script>

    OriginalL'auteur Meg