8
votes

Obtenez Vimeo Thumbnail pour la vidéo en utilisant jQuery

J'ai trouvé des questions similaires mais aucune des réponses ne montre clairement et facilement comment obtenir une vignette pour une vidéo Vimeo à l'aide de JQuery et Json. Si quelqu'un peut aider cela serait génial, voici ce que j'ai eu, mais cela ne montre rien pour le moment. XXX

Merci d'avance.


2 commentaires

Je suis d'accord, JQuery est vraiment le meilleur, il résout toutes sortes de problèmes de navigateur et c'est bien.


Je ne suis pas le seul à alors :), Votez la question si vous le pouvez, car cela pourrait aider à obtenir une réponse.


4 Réponses :


36
votes

Je pense que vous avez le " Même stratégie d'origine ". Vous devriez envisager d'écrire un script de serveur à l'aide de quelque chose comme " File_get_Contents "ou" fopen ", vous permettant de saisir les données de Vimeo, Traduisez-le à JSON et sortie à votre JavaScript avec un bon appel AJAX.

Si vous souhaitez éviter d'utiliser un script côté serveur, vous pouvez utiliser le type de données JSONP. P>

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


7 commentaires

Je ne saurais pas vraiment comment y aller et cela semble excessif et inutile. Ce devrait être juste une simple demande JSON pour l'image que je pense, mais peut-être votre droite merci pour l'info de toute façon.


Si vous ne souhaitez pas utiliser un script côté serveur, envisagez peut-être d'utiliser JSONP sur JSON. en.wikipedia.org/wiki/json#jsonp Vimeo.com/API/DOCS/Response-Formats#Jsonp Cela contournera le besoin d'un côté serveur Script et vous permettent de faire ce que vous voudriez. Il y a des inconvénients, c'est pourquoi je suis en liaison à la page Wikipedia les décrivant. J'espère que cela t'aides!


OK ça sonne bien comment puis-je modifier le code dans la question à travailler avec JSONP.


J'ai mis à jour ma réponse pour réfléchir à la manière dont vous utiliseriez votre script avec JSONP afin que cela puisse la marquer comme répondu.


J'ai un petit problème avec plusieurs vidéos Vimeo différentes sur une page unique jsfiddle.net/3wfuc pouvez-vous aider? Et merci encore pour la réponse, désolé d'être une douleur dans le cul.


Lorsque le site est terminé, vous obtiendrez beaucoup une mention sur la page Merci. Je ne peux pas vous remercier assez.


JSONP est définitivement la voie à suivre, surtout quand elle est déjà fournie par API en question.



1
votes

Veuillez consulter Cette page ; Vimeo a une nouvelle méthode appel OEMBED AS que Vimeo pousse maintenant sa nouvelle technologie OEMBED.

La méthode ci-dessus, échouera sur IE (aucun pouce sera affiché).


0 commentaires

4
votes

avec le API Mise à jour , ce serait ... XXX


1 commentaires

Merci beaucoup d'avoir ajouté la nouvelle version de l'API!



2
votes

Vous pouvez utiliser cette fonction qui prend en charge tous les types de liens et de tailles Vimeo: xxx pré>

pour l'utiliser: p>

// Available sizes: large, small
get_vimeo_thumbnail('https://vimeo.com/475772381', 'large' function(url){
   alert(url)
})


0 commentaires