使用jquery动态加载Vimeo视频

时间:2011-07-24 06:22:39

标签: jquery vimeo

我想创建一个功能,允许我将我的Vimeo视频嵌入我的网站并像YouTube播放列表一样运行,即点击视频链接时,而不是重新加载页面只会重新加载视频。例如,这是一个电影网站,我有一个项目的预告片以及一些促销剪辑,我希望能够通过简单地让用户点击一个加载新视频的链接来显示所有这些。我该怎么做?

4 个答案:

答案 0 :(得分:7)

这也应该有用。

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

答案 1 :(得分:5)

你走了。

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

答案 2 :(得分:1)

结帐oembed。我所知道的最好的提供商是http://embed.ly

官方JQuery Embed.ly插件位于:https://github.com/embedly/embedly-jquery

答案 3 :(得分:0)

我还使用了Vimeo播放列表,在这里找到:http://luwes.co/labs/vimeo-playlist/

您可以设置播放列表列表的位置(在视频的顶部,底部或侧面)。总的来说,它很容易设置。您只需将视频网址放在脚本中的数组中:

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