8

同様の質問を見つけましたが、jQuery と JSON を使用して vimeo ビデオのサムネイルを取得する方法を明確かつ簡単に示す回答はありません。誰かがそれを助けることができれば、これが私が持っているものですが、現時点では何も表示されません.

var vimeoVideoID = '17631561';
var videoCallback = 'showThumb';

$.getJSON('http://www.vimeo.com/api/v2/video/' + vimeoVideoID + '.json?callback=' + videoCallback,

function(data){
$(".thumbs").attr('src',data[0].thumbnail_large);
});

前もって感謝します。

4

4 に答える 4

36

「同じオリジンポリシー」の問題があると思います。「 file_get_contents」や「fopen 」などを使用してサーバー側スクリプトを作成することを検討する必要があります。これにより、vimeo からデータを取得し、それを json に変換し、素敵な ajax 呼び出しで JavaScript に出力できます。

サーバー側スクリプトの使用を避けたい場合は、データ型 JSONP を使用できます。

var vimeoVideoID = '17631561';

$.getJSON('https://www.vimeo.com/api/v2/video/' + vimeoVideoID + '.json?callback=?', {format: "json"}, function(data) {
         $(".thumbs").attr('src', data[0].thumbnail_large);
});

URL が実際の使用方法とは少し異なることに注意してください。var として定義したコールバックは不要です。getJSON を関数に直接アタッチしているので、URL '?' で 'callback' を呼び出します。これは、getJSON 関数に、正常に返されたデータを提供された関数に渡すように通知します。

ここで私のコードをテストできます。それが役に立てば幸い！

于 2011-01-17T03:09:52.853 に答える
4

更新された APIでは、次のようになります...

$.getJSON('https://vimeo.com/api/oembed.json?url=https://vimeo.com/' + id, {format: "json"}, function(data) {
  $(".thumbs").attr('src', data.thumbnail_url)
});
于 2020-01-29T16:42:06.313 に答える
1

このページをチェックしてください。oEmbedVimeoは現在、新しい oEmbed テクノロジーを推し進めているため、Vimeoには新しいメソッド呼び出しがあります。

上記の方法は IE では失敗します (サムは表示されません)。

于 2017-03-17T11:34:25.783 に答える