jqueryを使用してVimeoの動画を動的に読み込む

Question

Vimeoの動画を自分のウェブサイトに埋め込んでYouTubeの再生リストのように再生する機能を作りたいと思います。動画のリンクをクリックしたときビデオをリロードするだけです。たとえば、これは映画のウェブサイトで、私はプロジェクトのトレーラーといくつかのプロモーションクリップを持っています。新しいビデオを読み込むリンクをユーザーがクリックするだけで、それらのすべてを表示できます。どうすればいい？

Answer 1

これも有効です。

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

チェックアウトoembed。私の知っている最高のプロバイダはhttp://embed.ly

公式jQueryのEmbed.lyプラグインですここにある：https://github.com/embedly/embedly-jquery

Answer 3

ここに行きます。

$.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 4

また、私はここで見つけるVimeoのプレイリスト、使用しました：あなたがプレイリスト（ビデオの上に、底部または側面を）したい場所を設定することができますhttp://luwes.co/labs/vimeo-playlist/

を。全体的にセットアップはかなり簡単です。あなたのビデオURLをスクリプトの配列に入れてください：

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