Utilizzando jQuery per caricare dinamicamente video Vimeo

Question

Vorrei creare una funzione che mi permettesse di incorporare i miei video Vimeo sul mio sito e correre come una playlist di YouTube vale a dire quando un collegamento video viene cliccato, invece di ricaricare la pagina si ricarica solo il video. Così, per esempio, essendo questo un sito web film, ho un trailer per il progetto, così come un paio di clip promo, vorrei essere in grado di mostrare tutti quelli semplicemente avendo l'utente fa clic su un collegamento che carica un nuovo video. Come faccio a fare questo?

Answer 1

questo dovrebbe funzionare anche.

$('#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>');

Answer 2

Ecco a te.

$.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);
});

Answer 3

oEmbed . Il miglior fornitore che conosco è http://embed.ly

Il plugin ufficiale JQuery Embed.ly è qui: https://github.com/embedly/embedly- jquery

Answer 4

Ho anche usato Vimeo Playlist, trovato qui: http://luwes.co/labs/ vimeo-playlist /

È possibile impostare in cui si desidera che l'elenco playlist (sulla parte superiore, inferiore o laterale del video). Nel complesso è abbastanza facile da configurare. Basta mettere gli URL di video in un array nello 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>