Bonjour à tous,

Cela fait longtemps que j'apprends du site du zéro et voilà qu'aujourd'hui j'ai un petit problème. Je suis en train de développer un site avec du HTML/CSS et java. Et je reste bloquer depuis une semaine sur ma page vidéo.

J'ai pris comme modèle pour ma page vidéo cette page : http://www.riftgame.com/fr/media/videos.php

Avec la présentation des vidéos sur le menu de droite et la vidéo qui s'affiche sur la gauche. Seulement dans mon code quand je clique sur la vidéo, la vidéo n'apparait pas.

Voici mon code:

        <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>

Ceci est mon code pour le menu de droite et voilà le code javascript pour que la vidéo apparaisse à gauche lorsque l'on clique dessus:

<script type="text/javascript">
$(document).ready(function() {                                
    $(".video-thumb,#video-player2.first").click(function() {
        var $id = $(this).attr('rel');
        /* Start Google event tracking */
        google_vid_lbl = {1: 'FR - Game Play Trailer', 2: 'FR - Dev Diary', 3: 'FR - E3 Trailer', 4: 'FR - Dev Diary 2', 5: 'FR - Guardian 101', 6: 'FR - Invasion trailer', 7: 'FR - Dev Diary 3', 8: 'FR - Enter the Rift' }
        pageTracker._trackEvent('Videos - Media - FR', 'Play', google_vid_lbl[$id]);
        /* End Google tracking event */
        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 Rift" }
        swap_video($id); 
        return false;
    });
});  
 
    var $vid_arr = { 1: 'http://www.youtube.com/watch?v=XWlOQxH3Lp4&feature=fvst', 2:  'http://assets.riftgame.com/rift/video/DevVid1/FR/Rift_DEV_VID1_FR_V040_640x360.flv', 3: 'http://assets.riftgame.com/rift/video/E3GP/FR/Rift_E3GP_TRLR_V040_FR_640x360.flv', 4: 'http://assets.riftgame.com/rift/video/DevVid2/FR/Rift_DEV_VID2_v030_FR_640x360.flv', 5: 'http://assets.riftgame.com/rift/video/GamesCom/FR/Rift_GameCom_TRLR_V150_FR_640x360.flv', 6: 'http://assets.riftgame.com/rift/video/Dynamic/FR/Rift_Dynamic_TRLR_070_FR_640x360.flv', 7: 'http://assets.riftgame.com/rift/video/DevVid3/FR/RIFT_DEVVID3_Music_v081_FR_640x360.flv', 8: 'zoroepeiste.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', '9.0.0',flashvars, params, attributes);
  }
</script>

Voilà j'espère que vous pourrez m'aider, merci beaucoup

Darkteam

1) java n'est pas javascript
2) coloration syntaxique
3) tu aurais pu préciser dès le début que tu utilisais JQuery