Lancer une vidéo depuis un menu

[darkteam]

Bonjour à toutes et à tous,

Alors voilà, début septembre je me suis lancé dans le développement d'un site web qui a pour thème le MMORPG. Je me suis inspiré d'autres sites webs pour que le mien puisse avoir un contenu élaboré.

Depuis maintenant 1 mois je sèche sur une page (la page vidéo). En fait, j'ai eu l'idée de créer une page web dédiée à la vidéo en regardant ce site web : http://www.riftgame.com/fr/media/videos.php.

Donc je voulais créer aussi un menu sur la droite où l'on propose toutes les vidéos et la possibilité de visionner la vidéo sur la droite. Donc je me suis lancé dans le codage et voilà ce que j'ai fait :

Code :

1
2
3
<div id="video-pg-thumb2"> 
    		<span class="video-thumb"  rel="8"><img src="../img/media/videos/video-th-8.jpg"/></span>
		<div style="clear:both; padding-bottom:20px;"><a class="video-thumb" href="javascript:void(0)" rel="8">Dans l'univers de Guild Wars 2</a></div></div>

Ceci est le menu de droite comme sur le site donné en exemple. Et maintenant je voudrais qu'en cliquant sur l'image de la vidéo, la vidéo se lance à gauche. Donc j'ai fait ce petit 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
<script type="text/javascript">
$(document).ready(function() {				
    $(".video-thumb,#video-player2.first").click(function() {
        var $id = $(this).attr('rel');
 
        vid_lbl   = {1: 'RIFT bande-annonce', 2: 'Vidéo des développeurs #1', 3: 'E3 2010 bande-annonce', 4: 'Le système de classes des Élus', 5: 'Les Gardiens bande-annonce', 6: 'Invasion bande-annonce', 7: "L'harmonie des Plans", 8: "Dans l'univers de Guild Wars 2" }
        swap_video($id); 
        return false;
    });
});  
 
    var $vid_arr = { 1: 'vidéo1.flv', 2:  'vidéo2.flv', 3: 'vidéo3.flv', 4: 'vidéo4.flv', 5: 'vidéo5.flv', 6: 'vidéo6.flv', 7: 'vidéo7.flv', 8: 'vidéo8.flv'};
    var flashvars = {};	
    var params = {};
    var attributes = {};
 
    function swap_video(n,init) {
        var $myID = 'video-player2';
        $("h1.page-title").html("Vidéos - " +vid_lbl[n]);
        flashvars = { themeColor: '336699', mode: 'overlay', scaleMode: 'fit', frameColor: '000000', fontColor: 'b1b1b1', background: '000000', loadImage: '', link: '',embed: ''};
        params = {allowFullScreen: 'true',wmode: 'opaque',mute: 'true'};
        attributes = {id: $myID ,name: $myID};
        flashvars.src = $vid_arr[n];
        flashvars.autostart = true;
        swfobject.embedSWF('SteelOverNoVol.swf',$myID,'640', '360','expressinstall.swf', '9.0.0',flashvars, params, attributes);
  }
</script>

Mais le problème c'est qu'avec ce code ça ne fonctionne pas :/. J'espère que vous pourrez m'aider.

Merci d'avance,

Darkteam

PS: Désolé je n'ai pas trouvé de balises pour insérer comme il faut le code sur le forum.

[Bovino]

Code :

vid_lbl   = {1: 'RIFT bande-annonce', 2: 'Vidéo des développeurs #1', 3: 'E3 2010 bande-annonce', 4: 'Le système de classes des Élus', 5: 'Les Gardiens bande-annonce', 6: 'Invasion bande-annonce', 7: "L'harmonie des Plans", 8: "Dans l'univers de Guild Wars 2" }

Les noms de propriétés ne peuvent pas être des nombres...

[darkteam]

Bonjour,

Tout d'abord merci pour votre réponse. Seulement voilà j'ai renommé les nombres en autres choses mais cela ne fonctionne toujours pas....

Merci,

Cordialement Darkteam