L'obtention de la Vidéo Youtube de l'Information à l'aide de javascript/jquery

    <script type= "text/javascript">
var url = "http://gdata.youtube.com/feeds/api/videos/VA770wpLX-Q?v=2&amp;alt=json-in-script&amp;callback=";
var title;
var description;
var viewcount;
var views;
var author;
$.getJSON(url,
    function(data){
        title = data.entry.title.$t;
        description = data.entry.media$group.media$description.$t;
        viewcount = data.entry.yt$statistics.viewCount;
        views = numberFormat (viewcount);
        author = data.entry.author[0].name.$t;
        listInfo (title,description,author,views);
});

</script>

Si c'est mon code pour obtenir des informations à partir d'une seule vidéo, après l'info est reçu, il appelle cette fonction pour afficher:

    <script type="text/javascript">
function listInfo (title,description,author,views) {
    var html = ['<dl>'];
      html.push('<dt>','<span class="titleStyle">', title,'</span><span class="descriptionStyle">',description, '</span><span class="authorStyle">',author,'</span><span class="viewsStyle">',' Views:',views,'</span></dt>');

    html.push('</dl>');
    document.getElementById("agenda").innerHTML = html.join("");
}
     function numberFormat(nStr,prefix){
    var prefix = prefix || '';
    nStr += '';
    x = nStr.split('.');
    x1 = x[0];
    x2 = x.length > 1 ? '.' + x[1] : '';
    var rgx = /(\d+)(\d{3})/;
    while (rgx.test(x1))
        x1 = x1.replace(rgx, '$1' + ',' + '$2');
    return prefix + x1 + x2;
}
  </script>

Après qu'il met la Liste de définition dans un div, que j'ai à l'intérieur d'un tableau

<table width="485"><tr><td><div id="agenda"></div></td></tr></table>

toutes ces informations se trouvent dans le corps, je n'arrive pas à le faire fonctionner, j'ai essayé pendant une semaine maintenant, et je ne peux pas trouver un moyen de le faire fonctionner

Ce qui fonctionne et ce qui ne parvient pas? Avez-vous des données? N'importe quel HTML se rendait?
à un moment, je l'avais rendu everythign droit, mais il ne l'a montré dans dreamweaver, j'ai eu de la source d'origine de débordement de pile, mais qui était pour toujours et ne l'a pas trouvé de nouveau, j'ai donc commencé à essayer de le faire sur mon propre, et à ce stade, je ne pense même pas qui est à tout droit, mon code je veux dire

OriginalL'auteur Ali | 2011-03-04

Depuis l'API youtube ne permet pas plus de 50 commentaires pour être renvoyé sur une seule demande, vous aurez besoin d'ajouter un paramètre de l'URL appelée "indice start", qui raconte youtube que vous souhaitez obtenir des commentaires à partir de là en avant. Ci-dessous est un exemple. J'ai fait en sorte que, tant que la réponse JSON renvoie 50 commentaires, il appelle la fonction de nouveau pour les 50 prochaines observations.

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
<script type= "text/javascript">
function getYouTubeInfo() {
$.ajax({
url: "http://gdata.youtube.com/feeds/api/videos/<?php echo $_GET['v']; ?>?v=2&alt=json",
dataType: "jsonp",
success: function (data) { parseresults(data); }
});
}
function parseresults(data) {
var title = data.entry.title.$t;
var description = data.entry.media$group.media$description.$t;
var viewcount = data.entry.yt$statistics.viewCount;
var author = data.entry.author[0].name.$t;
$('#title').html(title);
$('#description').html('<b>Description</b>: ' + description);
$('#extrainfo').html('<b>Author</b>: ' + author + '<br/><b>Views</b>: ' + viewcount);
getComments(data.entry.gd$comments.gd$feedLink.href + '&max-results=50&alt=json', 1);
}
function getComments(commentsURL, startIndex) {
$.ajax({
url: commentsURL + '&start-index=' + startIndex,
dataType: "jsonp",
success: function (data) {
$.each(data.feed.entry, function(key, val) {
$('#comments').append('<br/>Author: ' + val.author[0].name.$t + ', Comment: ' + val.content.$t);
});
if ($(data.feed.entry).size() == 50) { getComments(commentsURL, startIndex + 50); }
}
});
}
$(document).ready(function () {
getYouTubeInfo();
});
</script>
<title>YouTube</title>
</head>
<body bgcolor="grey">
<div align="center">
<br/><br/>
<div id="title" style="color: #dddddd">Could not find a title</div><br/>
<iframe title="Youtube Video Player" width="640" height="390" src="http://www.youtube.com/embed/<?php echo $_GET['v']; ?>?fs=1&autoplay=1&loop=0" frameborder="0" allowfullscreen style="border: 1px solid black"></iframe>
<br/><br/>
<div id="description" style="width:400px; background-color: #dddddd; font-size:10px; text-align:left;">Could not find a description</div>
<div id="extrainfo" style="width:400px; background-color: #dddddd; font-size:10px; text-align:left;">Could not find extra information</div>
<div id="comments" style="width:400px; background-color: #dddddd; font-size:10px; text-align:left;">Could not find comments</div>
</div>
</body>
</html>

Si vous avez plus de questions ou de vous retrouver avec ce code, n'hésitez pas à demander à nouveau 🙂

Bonne chance,
Tom

merci!!!! c'est exactement ce dont j'avais besoin 🙂
pourriez-vous m'expliquer comment le code ci-dessus fonctionne?
Notez que la GData API qui est utilisé ici est obsolète et ne fonctionne plus. Vous devez utiliser les Données de la v3 de l'API à partir de maintenant, que vous pouvez trouver ici: developers.google.com/youtube/v3

OriginalL'auteur Tom

3

Vous devriez essayer le jTube jquery youtube de la bibliothèque. Il est donc assez facile de faire des appels de base de ce genre. Télécharger /afficher le code: https://github.com/monkeecreate/jTube/blob/master/jTube/jquery.jTube.js

À utiliser comme:
```
$.jTube({
request: 'user',
requestValue: 'defvayne23',
requestOption: 'uploads',
success: function(videos){
...code here
}
});
```
Voir plus d'échantillons: https://github.com/defvayne23/jTube

wow c'est tellement utile! merci une tonne!!
vous ne pouvez pas spécifier un id avec cette tho pouvez-vous?
je pense qu'il peut, à la demande de faire de la vidéo, et puis de la valeur serait l'id. pas sûr à 100% tho

OriginalL'auteur Danny

Alors que je ne sais pas vraiment quel est le problème auquel vous êtes confronté, pour répondre à votre question sur la façon d'obtenir des informations à partir d'une vidéo youtube, j'ai fait un rapide exemple I ci-dessous.

Avoir la vidéo youtube du code de variable en php: $_GET['v'].

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
<script type= "text/javascript">
function getYouTubeInfo() {
$.ajax({
url: "http://gdata.youtube.com/feeds/api/videos/<?php echo $_GET['v']; ?>?v=2&alt=json",
dataType: "jsonp",
success: function (data) {parseresults(data)}
});
}
function parseresults(data) {
var title = data.entry.title.$t;
var description = data.entry.media$group.media$description.$t;
var viewcount = data.entry.yt$statistics.viewCount;
var author = data.entry.author[0].name.$t;
$('#title').html(title);
$('#description').html('<b>Description</b>: ' + description);
$('#extrainfo').html('<b>Author</b>: ' + author + '<br/><b>Views</b>: ' + viewcount);
}
$(document).ready(function () {
getYouTubeInfo();
});
</script>
<title>YouTube</title>
</head>
<body bgcolor="grey">
<div align="center">
<br/><br/>
<div id="title" style="color: #dddddd">Could not find a title</div><br/>
<iframe title="Youtube Video Player" width="640" height="390" src="http://www.youtube.com/embed/<?php echo $_GET['v']; ?>?fs=1&autoplay=1&loop=0" frameborder="0" allowfullscreen style="border: 1px solid black"></iframe>
<br/><br/>
<div id="description" style="width:400px; background-color: #dddddd; font-size:10px; text-align:left;">Could not find a description</div>
<div id="extrainfo" style="width:400px; background-color: #dddddd; font-size:10px; text-align:left;">Could not find extra information</div>
</div>
</body>
</html>

Ce imprime le titre ci-dessus la vidéo intégrée (iframe), et la description, points de vue et auteur-dessous.

Je ne sais pas ce que vous voulez faire (listinfo, numberformat), mais je suppose que vous pouvez travailler à partir d'ici.

Espère que cette aide.

Tom

merci beaucoup! c'est fonctionne étonnamment, j'ai essayé de travailler autour de à faire obtenir les commentaires d'une vidéo à la place, mais je ne pouvais pas gérer, je suppose que vous auriez à faire en boucle sur chaque commentaire et de le placer sur la page séparément? si vous avez une Idée sur la façon d'accomplir quelque chose comme ça s'il vous plaît laissez-moi savoir!! Je l'aurais utilisé jTube comme Danny suggéré, mais pour cette fonction spécifique, il ne me permet d'obtenir 50 résultats/page, et je veux être en mesure de simplement parcourir chaque commentaire, faire les commentaires visibles n'est pas nécessaire, j'ai juste besoin d'être en mesure d'obtenir les commentaires

OriginalL'auteur Tom

Vous devez vous connecter pour publier un commentaire.