Intégration de vidéos YouTube

[Casio]

Salutations,

Je cherche à intégrer sur la home de notre page une barre représentant les 4 ou 5 DERNIERES vidéos rajoutées à notre chaine YouTube. Il n'est pas très important que les gens puissent le lire DEPUIS la barre, ils pourront par exemple cliquer dessus, mais il est en outre très important que cette barre soit CHRONOLOGIQUE, afin de communiquer sur nos dernières vidéos.

J'ai trouvé ce code AJAX beta chez Google :
-=> http://www.google.com/uds/solutions/.../videobar.html
Dont voici le code

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!-- ++Begin Video Bar Wizard Generated Code++ -->
  <!--
  // Created with a Google AJAX Search Wizard
  // http://code.google.com/apis/ajaxsearch/wizards.html
  -->
 
  <!--
  // The Following div element will end up holding the actual videobar.
  // You can place this anywhere on your page.
  -->
  <div id="videoBar-bar">
    <span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Chargement de la chaine WDA...</span>
  </div>
 
  <!-- Ajax Search Api and Stylesheet
  // Note: If you are already using the AJAX Search API, then do not include it
  //       or its stylesheet again
  -->
  <script src="http://www.google.com/uds/api?file=uds.js&v=1.0&source=uds-vbw"
    type="text/javascript"></script>
  <style type="text/css">
    @import url("http://www.google.com/uds/css/gsearch.css");
  </style>
 
  <!-- Video Bar Code and Stylesheet -->
  <script type="text/javascript">
    window._uds_vbw_donotrepair = true;
  </script>
  <script src="http://www.google.com/uds/solutions/videobar/gsvideobar.js?mode=new"
    type="text/javascript"></script>
  <style type="text/css">
    @import url("http://www.google.com/uds/solutions/videobar/gsvideobar.css");
  </style>
 
  <style type="text/css">
    .playerInnerBox_gsvb .player_gsvb {
      width : 320px;
      height : 260px;
    }
  </style>
  <script type="text/javascript">
    function LoadVideoBar() {
 
    var videoBar;
    var options = {
        largeResultSet : !true,
        horizontal : true,
        autoExecuteList : {
          cycleTime : GSvideoBar.CYCLE_TIME_MEDIUM,
          cycleMode : GSvideoBar.CYCLE_MODE_LINEAR,
          executeList : ["ytchannel:WDAssos"]
        }
      }
 
    videoBar = new GSvideoBar(document.getElementById("videoBar-bar"),
                              GSvideoBar.PLAYER_ROOT_FLOATING,
                              options);
    }
    // arrange for this function to be called during body.onload
    // event processing
    GSearch.setOnLoadCallback(LoadVideoBar);
  </script>
<!-- ++End Video Bar Wizard Generated Code++ -->

MAIS, cela affiche 4 vidéo, et ne semble pas représenter cela dans un quelconque ordre, et encore moins chronologiquement...

Auriez-vous des idées / conseils ?

A vous lire,

[grunk]

LA doc de l'API youtube sur la video bar :

http://www.google.com/uds/solutions/videobar/index.html

Tu devrais y trouver ton bonheur

[Casio]

Envoyé par grunk

(...)
Tu devrais y trouver ton bonheur

Bah non, justement...

Any idea ?

[noobyyy]

http://www.google.com/uds/solutions/...outubechannels

http://www.google.com/uds/solutions/.../videobar.html

[Casio]

Envoyé par noobyyy

http://www.google.com/uds/solutions/...outubechannels

http://www.google.com/uds/solutions/.../videobar.html

Merci, mais la encore, j'en étais arrivé à ce point AVANT de venir vous enquiquiner...
Les vidéos sont affichées dans un ordre étrange, et non chronologique...

Any idea ?

[stealth35]

t'as l'API complète ici :
http://code.google.com/intl/fr/apis/...reference.html

[Casio]

Merci, je viens de tout parcourir... avec un réel intérêt.

Néanmoins, je ne trouve nulle trace d'un classement chronologique possible...
C'est étrange.... Suis-je donc le seul à soulever ce pb ?

A vous lire,

[grunk]

Ca ne convient pas ? : http://code.google.com/intl/fr/apis/...html#orderbysp avec le paramètre "published"

Sinon il est dit :

Note: For a user's playlists or subscriptions feed, the default ordering is arbitrary.

[Casio]

Envoyé par grunk

Ca ne convient pas ? : http://code.google.com/intl/fr/apis/...html#orderbysp avec le paramètre "published"

Sinon il est dit :

YES... Merci, je viens de réussir, grace à votre aide, grunk, et aussi à une petite recherche sur Google pour l'implantation du code...

Voici ce que cela donne à présent :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!-- ++Begin Video Bar Wizard Generated Code++ -->
  <!--
  // Created with a Google AJAX Search Wizard
  // http://code.google.com/apis/ajaxsearch/wizards.html
  -->
 
  <!--
  // The Following div element will end up holding the actual videobar.
  // You can place this anywhere on your page.
  -->
  <div id="videoBar-bar">
    <span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Chargement de la chaine WDA...</span>
  </div>
 
  <!-- Ajax Search Api and Stylesheet
  // Note: If you are already using the AJAX Search API, then do not include it
  //       or its stylesheet again
  -->
  <script src="http://www.google.com/uds/api?file=uds.js&v=1.0&source=uds-vbw"
    type="text/javascript"></script>
  <style type="text/css">
    @import url("http://www.google.com/uds/css/gsearch.css");
  </style>
 
  <!-- Video Bar Code and Stylesheet -->
  <script type="text/javascript">
    window._uds_vbw_donotrepair = true;
  </script>
  <script src="http://www.google.com/uds/solutions/videobar/gsvideobar.js?mode=new"
    type="text/javascript"></script>
  <style type="text/css">
    @import url("http://www.google.com/uds/solutions/videobar/gsvideobar.css");
  </style>
 
  <style type="text/css">
    .playerInnerBox_gsvb .player_gsvb {
      width : 320px;
      height : 260px;
    }
  </style>
  <script type="text/javascript">
    function LoadVideoBar() {
	//sort videos in bar by date
	var bsc = GSvideoBar.prototype.buildSearchControl;
	GSvideoBar.prototype.buildSearchControl = function() {
	bsc.call(this);
	this.vs.setResultOrder(google.search.Search.ORDER_BY_DATE);   this.vsBypass.setResultOrder(google.search.Search.ORDER_BY_DATE);   }
 
    var videoBar;
	var barContainer = document.getElementById("videoBar");
 
    var options = {
		string_allDone : "Close",
		thumbnailSize : GSvideoBar.THUMBNAILS_MEDIUM,
        largeResultSet : !true,
        horizontal : true,
        autoExecuteList : {
          cycleTime : GSvideoBar.CYCLE_TIME_MEDIUM,
          cycleMode : GSvideoBar.CYCLE_MODE_LINEAR,
          executeList : ["ytchannel:WDAssos"]
        }
      }
 
    videoBar = new GSvideoBar(document.getElementById("videoBar-bar"),
                              GSvideoBar.PLAYER_ROOT_FLOATING,
                              options);
    }
    // arrange for this function to be called during body.onload
    // event processing
    GSearch.setOnLoadCallback(LoadVideoBar);
  </script>
<!-- ++End Video Bar Wizard Generated Code++ -->

[nsimon70]

Bonjour,
Merci pour les infos... je cherchais exactement la même chose que vous. J'ai juste un dernier paramètre à régler et je ne le trouve pas :

Par défaut, Youtube m'affiche les 8 derniers vidéos... comment modifie-t-on la variable 8 par 4... Je ne veux que les 4 derniers vidéos !

Merci d'avance !