plusieurs liens video pour un lecteur unique

Version imprimable

Bonsoir,

je veux creer une partie dans mon site pour visualiser des videos.
je veux avoir un seul lecteur video pour cette partie (videojs) et avoir des liens en dessous qui correspondront a des videos (adresse des videos: <a href="video/test.mp4">video 1</a>).
J'aimerais qu'en cliquant sur un des liens, la vidéo soit chargée dans le lecteur vidéo principal.
Code:

1 2 3 4 5 6 7 8 9 10 <video id="videoPL" class="video-js vjs-default-skin" controls preload="auto" width="1280" height="720" data-setup='{"example_option":true}'> <source id="sourcevid" src="" type='video/mp4' /> </video> <a href="video/video1.mp4" id="lienvid">video 1</a> <a href="video/video2.mp4" id="lienvid">video 2</a> <a href="video/video3.mp4" id="lienvid">video 3</a> <a href="video/video4.mp4" id="lienvid">video 4</a> <a href="video/video5.mp4" id="lienvid">video 5</a>
Etant donné que je débute en programmation, je n'ai aucune idée pour trouver une solution a ce probleme.
Si quelqu'un pouvait m'aider, je le remercie d'avance.

Pour commencer un id doit être unique sur la page !

ensuite il te faut modifier dynamiquement la source de ta balise video

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
//dans le head
<script type="text/javascript">
function  changevid(video){
document.getElementById("sourcevid").src=video;}
</script>
 
 
 
<video id="videoPL" class="video-js vjs-default-skin" controls preload="auto" width="1280" height="720" data-setup='{"example_option":true}'>  
	<source id="sourcevid" src="" type='video/mp4' />  
</video>
 
<a href="video/video1.mp4" id="lienvid1" onclick="changevid(this.href); return false;">video 1</a>
<a href="video/video2.mp4" id="lienvid2"  onclick="changevid(this.href); return false;">video 2</a>
<a href="video/video3.mp4" id="lienvid3" onclick="changevid(this.href); return false;">video 3</a>
<a href="video/video4.mp4" id="lienvid4" onclick="changevid(this.href); return false;">video 4</a>
<a href="video/video5.mp4" id="lienvid5" onclick="changevid(this.href); return false;">video 5</a>

28/04/2012, 13h05
pantouflex

merci de ton aide.

J'ai utilisé le code que tu viens de me donner et lorsque je clique sur un lien ca ouvre un nouvel onglet et ca me propose de telecharger la video.
D'ou peut venir ce bug?
28/04/2012, 13h08
SpaceFrog

on peut voir ton code .?..

le href n'est pas inhibé ...

ca veut dire quoi le href pas inhibé? :D

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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
 
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="description" content=""/>
<meta http-equiv="lang" content="fr"/>
<meta name="revisit-after" content="15 days"/>
<meta name="robots" content="index, follow"/>
<meta name="Rating" content="General"/>
<meta name="Robots" content="All"/>
<link rel="shortcut icon" href=""/>
<link rel="stylesheet" href="../css/style.css" type="text/css" media="screen,projection"/>
<link rel="stylesheet" href="../css/video-js.css" type="text/css" media="screen,projection">
<script type="text/javascript" src="../js/video.js"></script>
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/function.js"></script>
<script>
	_V_.options.flash.swf = "../swf/video-js.swf"
</script>
<script type="text/javascript">
function  changevid(video)
{
document.getElementById("sourcevid").src=video;
}
</script>
</head>
<body>
	<?php include('header.php'); ?>
	<div id="main">
		<div class="videow">
			    <video id="videoPL" class="video-js vjs-default-skin" controls preload="auto" width="1280" height="720" data-setup='{"example_option":true}'>  
					<source id="sourcevid" src="" type='video/mp4' />  
				</video>
		<?php 
			try
			{
				$pdo_options[PDO::ATTR_ERRMODE] = PDO::ERRMODE_EXCEPTION;
				$bdd = new PDO('mysql:host=localhost;dbname=videooow', 'root', '', $pdo_options);
			}
			catch(Exception $e)
			{
				die('Erreur : '.$e->getMessage());
			}
				$req = $bdd->query('SELECT video_match.journee_id, video_match.date, video_match.score, video_match.idvideo,
									equipe1.id AS equipe1_id,
									equipe1.nom AS equipe1_nom,
									equipe2.id AS equipe2_id,
									equipe2.nom AS equipe2_nom
									FROM video_match
									JOIN ligue ON ligue.id = video_match.ligue_id
									JOIN video_journee ON video_journee.id = video_match.journee_id
									JOIN video_equipe AS equipe1 ON equipe1.id = video_match.equipe1_id
									JOIN video_equipe AS equipe2 ON equipe2.id = video_match.equipe2_id
									WHERE ligue.id = 1
									ORDER BY video_match.journee_id');
 
				$i = null;
				$j = 1;
 
				while($donnees = $req->fetch())
				{ 
 
					if($i == null)
					{
						$i = $donnees['journee_id'];
						echo '<div class="match" name="match" id="day'.$j.'" style="display: block;">';
						$j++;
					}
					if ($i != $donnees['journee_id']) 
					{
						echo '</div><div class="match" name="match" id="day'.$j.'" style="display: none;">';
						$i = $donnees['journee_id'];
					}
		?>
				<div class="matchx">
				<table>
				<tr>
					<div class="date"><?php echo $donnees['date']; ?></div>
				</tr>
				<tr>
					<td class="gauche"><span class="teamone"><?php echo $donnees['equipe1_nom']; ?></span></td>
					<td class="centre"><a href="video/<?php echo $donnees['idvideo']; ?>"  onclick="changevid(this.href); return false;" target="_blank" title="Regarder les buts" class="score"><?php echo $donnees['score']; ?></a></td>
					<td class="droite"><span class="teamtwo"><?php  echo $donnees['equipe2_nom']; ?></span></td>
				</tr>
				</table>
				</div>
		<?php
                                }
                                        echo '</div>';
                ?>
		</div>
	</div>
	<div id="footer">
	<br />
	</div>
</body>
</html>

28/04/2012, 13h25
SpaceFrog

Nous somme sur un forum javascript .
Merci de poste le html généré, pas le php ...

Mais commence déja pas virer le target balnk ...

desolé...

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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="description" content=""/>
<meta http-equiv="lang" content="fr"/>
<meta name="revisit-after" content="15 days"/>
<meta name="robots" content="index, follow"/>
<meta name="Rating" content="General"/>
<meta name="Robots" content="All"/>
<link rel="shortcut icon" href=""/>
<link rel="stylesheet" href="../css/style.css" type="text/css" media="screen,projection"/>
<link rel="stylesheet" href="../css/video-js.css" type="text/css" media="screen,projection">
<script type="text/javascript" src="../js/video.js"></script>
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/function.js"></script>
<script>
	_V_.options.flash.swf = "../swf/video-js.swf"
</script>
<script type="text/javascript">
function  changevid(video){
document.getElementById("videosource").src=video;
}
</script>
</head>
<body>
		<div id="header">
		<div class="head">
			<div class="logo">
			</div>
			<div class="headright" >
								<div class="connexion">
					<img src="../images/login.png" alt="" /><a href="../formulaire.php">Connexion</a>
					<img src="../images/register.png" alt="" class="decalage" /><a href="../formulaire.php">Inscription</a>
				</div>
				<div class="langage">
					<a href="#"><img src="../images/en.png" alt="English" title="English" /></a>
					<a href="#"><img src="../images/fr.png" alt="Français" title="Français" /></a>
					<a href="#"><img src="../images/es.gif" alt="Español" title="Español" /></a>
					<a href="#"><img src="../images/de.gif" alt="Deutsch" title="Deutsch" /></a>
					<a href="#"><img src="../images/it.PNG" alt="Italiano" title="Italiano" /></a>
					<a href="#"><img src="../images/cn.png" alt="???" title="???" /></a>
					<a href="#"><img src="../images/tr.jpg" alt="Türkce" title="Türkce" /></a>
				</div>
											</div>
		</div>
		<div class="menu" align="center">
			<ul id="parent">
				<li><a href="../index.php">Accueil</a></li>
				<li><a href="#">Chaines</a>
					<ul id="fils">
						<li><a href="#">Chaine 1</a></li>
						<li><a href="#">Chaine 2</a></li>
						<li><a href="#">Chaine 3</a></li>
						<li><a href="../chaines/programmes/chaine1.php">Programmes</a></li>
					</ul>
				</li>
				<li><a href="championnats.php">Videos</a>
					<ul id="fils">
						<li><a href="premierleague.php">Premier League</a></li>
						<li><a href="liga.php">Liga BBVA</a></li>
						<li><a href="calcio.php">Serie A</a></li>
						<li><a href="bundesliga.php">Bundesliga</a></li>
						<li><a href="ligue1.php">Ligue 1</a></li>
						<li><a href="superlig.php">Superlig</a></li>
					</ul>
				</li>
				<li><a href="../livescore.php">Livesore</a></li>
				<li><a href="#">Championnats</a>
					<ul id="fils">
						<li><a href="#">Premier League</a></li>
						<li><a href="#">Liga BBVA</a></li>
						<li><a href="#">Serie A</a></li>
						<li><a href="#">Bundesliga</a></li>
						<li><a href="#">Ligue 1</a></li>
						<li><a href="#">Superlig</a></li>
					</ul>
				</li>
				<li><a href="abonnement.php">S'Abonner</a></li>
			</ul>
		</div>
	</div>	<div id="main">
		<div class="wideo">
			<div class="titre">PREMIER LEAGUE</div>
			<div class="player" style="display: block;">
			    <video id="videoPL" class="video-js vjs-default-skin" controls preload="auto" width="850" height="478" data-setup='{"example_option":true}'>  
					<source id="videosource" src="" type='video/mp4' />  
				</video>
			</div>
			<div class="semaine">
				<form id="formweek">
					<select name="week" id="week" onChange="weekshow(this);">
						<option selected="selected" value="day1">Journée 1</option>
						<option value="day2">Journée 2</option>
					</select>
					<select name="year" id="year">
						<option selected="selected">2012/2013</option>
					</select>
					<select name="lig" class="ligue" onchange="window.location.href=this.value;">
						<option selected="selected">Premier League</option>
						<option value="liga.php">Liga BBVA</option>
						<option value="calcio.php">Seri A</option>
						<option value="bundesliga.php">Bundesliga</option>
						<option value="ligue1.php">Ligue 1</option>
						<option value="superlig.php">Superlig</option>
					</select>
				</form>
			</div>
		<div class="match" name="match" id="day1" style="display: block;">				<div class="matchx">
				<table>
				<tr>
					<div class="date">dimanche 22 Avril 2012</div>
				</tr>
				<tr>
					<td class="gauche"><span class="teamone">Galatasaray</span></td>
					<td class="centre"><a href="video/gs_fb.mp4"  onclick="changevid(this.href); return false;" target="_blank" title="Regarder les buts" class="score">3 - 0</a></td>
					<td class="droite"><span class="teamtwo">Fenerbahce</span></td>
				</tr>
				</table>
				</div>
						<div class="matchx">
				<table>
				<tr>
					<div class="date">samedi 21 Avril 2012</div>
				</tr>
				<tr>
					<td class="gauche"><span class="teamone">Trabzonspor</span></td>
					<td class="centre"><a href="video/ts_bs.mp4"  onclick="changevid(this.href); return false;" target="_blank" title="Regarder les buts" class="score">1 - 2</a></td>
					<td class="droite"><span class="teamtwo">Besiktas</span></td>
				</tr>
				</table>
				</div>
						<div class="matchx">
				<table>
				<tr>
					<div class="date">samedi 21 Avril 2012</div>
				</tr>
				<tr>
					<td class="gauche"><span class="teamone">Bursaspor</span></td>
					<td class="centre"><a href="video/gta.mp4"  onclick="changevid(this.href); return false;" target="_blank" title="Regarder les buts" class="score">3 - 1</a></td>
					<td class="droite"><span class="teamtwo">Istanbul BB</span></td>
				</tr>
				</table>
				</div>
						<div class="matchx">
				<table>
				<tr>
					<div class="date">samedi 21 Avril 2012</div>
				</tr>
				<tr>
					<td class="gauche"><span class="teamone">Eskisehirspor</span></td>
					<td class="centre"><a href="video/bobol.mp4"  onclick="changevid(this.href); return false;" target="_blank" title="Regarder les buts" class="score">1 - 1</a></td>
					<td class="droite"><span class="teamtwo">Sivasspor</span></td>
				</tr>
				</table>
				</div>
		</div><div class="match" name="match" id="day2" style="display: none;">				<div class="matchx">
				<table>
				<tr>
					<div class="date">dimanche 28 Mai 2012</div>
				</tr>
				<tr>
					<td class="gauche"><span class="teamone">Real Madrid</span></td>
					<td class="centre"><a href="video/gogol.mp4"  onclick="changevid(this.href); return false;" target="_blank" title="Regarder les buts" class="score">2 - 1</a></td>
					<td class="droite"><span class="teamtwo">Barcelona</span></td>
				</tr>
				</table>
				</div>
						<div class="matchx">
				<table>
				<tr>
					<div class="date">lundi 13 Mars 2013</div>
				</tr>
				<tr>
					<td class="gauche"><span class="teamone">Granada</span></td>
					<td class="centre"><a href="video/peterte.mp4"  onclick="changevid(this.href); return false;" target="_blank" title="Regarder les buts" class="score">3 - 2</a></td>
					<td class="droite"><span class="teamtwo">Sunderland</span></td>
				</tr>
				</table>
				</div>
		</div>		</div>
	</div>
	<div id="footer">
	<br />
	</div>
</body>
</html>

j'ai enlevé le target et ca resolu le probleme du nouvel onglet mais lorsque je clique sur un lien ca me propose toujours de telecharger la video

29/04/2012, 17h43
pantouflex

SpaceFrog j'ai absolument besoin de toi sauve moi de ce probleme stp :hola::hola::hola:
30/04/2012, 11h15
Kaamo

Citation:

j'ai enlevé le target

Ils y sont toujours pourtant ... Le href doit être vide, le target supprimé et passe la valeur du lien directement en paramètre de la fonction JS.

Comme ça par exemple, pour chacun des liens :

Code:

<a href="#" onclick="changevid('video/XXX.mp4'); return false;" title="Regarder XXX" class="score">XXX</a>
30/04/2012, 11h28
SpaceFrog

le href n'a pas besoin d'être vide ...
au contraire js passe le href en paramètre, ainsi lorsque js n'est pas activé le user est tout de même dirigé vers la video
le return false du onclick inhibe le href .
30/04/2012, 11h40
Kaamo

Citation:

le return false du onclick inhibe le href

Bon à savoir ! ça m'était sorti de l'esprit
30/04/2012, 12h34
pantouflex

desolé j'ai du enlever le target apres avoir copier le code généré.
Mais je l'avais enlevé et ca a resolu le probleme du nouvel onglet mais ca me propose toujours de telecharger la video au lieu de mettre le href dans le src du player.
Ca peut venir de quoi?
30/04/2012, 12h57
SpaceFrog

de ton code...
que l'on ne peux pas deviner ...
30/04/2012, 13h08
pantouflex

:cry::cry::cry:
bon bein tant pis

merci de ton aide SpaceFrog.
30/04/2012, 13h17
SpaceFrog

Heu ...
je disais juste si tu ne nous montre pas ton code ...
il y a peu de chances que l'on puisse t'aider ...

ah j'ai mal compris dsl j'ai cru que y'avais plus d'espoir (vu que j'avais mis le code source et le code généré plus haut :lol: )

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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
 
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="description" content=""/>
<meta http-equiv="lang" content="fr"/>
<meta name="revisit-after" content="15 days"/>
<meta name="robots" content="index, follow"/>
<meta name="Rating" content="General"/>
<meta name="Robots" content="All"/>
<link rel="shortcut icon" href=""/>
<link rel="stylesheet" href="../css/style.css" type="text/css" media="screen,projection"/>
<link rel="stylesheet" href="../css/video-js.css" type="text/css" media="screen,projection">
<script type="text/javascript" src="../js/video.js"></script>
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/function.js"></script>
<script>
	_V_.options.flash.swf = "../swf/video-js.swf"
</script>
</head>
<body>
	<?php include('header.php'); ?>
	<div id="main">
		<div class="wideo">
			<div class="player" style="display: block;">
			    <video id="videoPL" class="video-js vjs-default-skin" controls preload="auto" width="850" height="478" data-setup='{"example_option":true}'>  
					<source id="videosource" src="" type='video/mp4' />  
				</video>
			</div>
			<div class="semaine">
				<form id="formweek">
					<select name="week" id="week" onChange="weekshow(this);">
						<option selected="selected" value="day1">Journée 1</option>
					</select>
					<select name="year" id="year">
						<option selected="selected">2012/2013</option>
					</select>
					<select name="lig" class="ligue" onchange="window.location.href=this.value;">
						<option selected="selected">Premier League</option>
						<option value="liga.php">Liga BBVA</option>
						<option value="calcio.php">Seri A</option>
						<option value="bundesliga.php">Bundesliga</option>
						<option value="ligue1.php">Ligue 1</option>
						<option value="superlig.php">Superlig</option>
					</select>
				</form>
			</div>
		<?php 
                        try
                        {
                                $pdo_options[PDO::ATTR_ERRMODE] = PDO::ERRMODE_EXCEPTION;
                                $bdd = new PDO('mysql:host=localhost;dbname=xxx', 'xxx', 'xxx', $pdo_options);
                        }
                        catch(Exception $e)
                        {
                                die('Erreur : '.$e->getMessage());
                        }
                                $req = $bdd->query('SELECT video_match.journee_id, video_match.date, video_match.score, video_match.idvideo,
                                                                        equipe1.id AS equipe1_id,
                                                                        equipe1.nom AS equipe1_nom,
                                                                        equipe2.id AS equipe2_id,
                                                                        equipe2.nom AS equipe2_nom
                                                                        FROM video_match
                                                                        JOIN ligue ON ligue.id = video_match.ligue_id
                                                                        JOIN video_journee ON video_journee.id = video_match.journee_id
                                                                        JOIN video_equipe AS equipe1 ON equipe1.id = video_match.equipe1_id
                                                                        JOIN video_equipe AS equipe2 ON equipe2.id = video_match.equipe2_id
                                                                        WHERE ligue.id = 1
                                                                        ORDER BY video_match.journee_id');
                                                                        
                                $i = null;
                                $j = 1;
                                
                                while($donnees = $req->fetch())
                                { 
                                        
                                        if($i == null)
                                        {
                                                $i = $donnees['journee_id'];
                                                echo '<div class="match" name="match" id="day'.$j.'" style="display: block;">';
                                                $j++;
                                        }
                                        if ($i != $donnees['journee_id']) 
                                        {
                                                echo '</div><div class="match" name="match" id="day'.$j.'" style="display: none;">';
                                                $i = $donnees['journee_id'];
                                        }
                ?>
				<div class="matchx">
					<table>
						<tr>
							<div class="date"><?php echo $donnees['date']; ?></div>
						</tr>
						<tr>
							<td class="gauche"><span class="teamone"><?php echo $donnees['equipe1_nom']; ?></span></td>
							<td class="centre"><a href="video/<?php echo $donnees['idvideo']; ?>"  onclick="changevid(this.href); return false;" class="score"><?php echo $donnees['score']; ?></a></td>
							<td class="droite"><span class="teamtwo"><?php  echo $donnees['equipe2_nom']; ?></span></td>
						</tr>
					</table>
				</div>
		<?php
                                }
                                echo '</div>';
                ?>
		</div>
	</div>
	<div id="footer">
	<br />
	</div>
</body>
</html>

02/05/2012, 09h44
Kaamo

Tu as envoyé le code serveur là. On pourra mieux t'aider si tu envoies le code généré. (En faisant "Afficher la source" de la page qui pose problème via un navigateur)

ah ok dsl :)

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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
 
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="description" content=""/>
<meta http-equiv="lang" content="fr"/>
<meta name="revisit-after" content="15 days"/>
<meta name="robots" content="index, follow"/>
<meta name="Rating" content="General"/>
<meta name="Robots" content="All"/>
<link rel="shortcut icon" href=""/>
<link rel="stylesheet" href="../css/style.css" type="text/css" media="screen,projection"/>
<link rel="stylesheet" href="../css/video-js.css" type="text/css" media="screen,projection">
<script type="text/javascript" src="../js/video.js"></script>
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/function.js"></script>
<script>
	_V_.options.flash.swf = "../swf/video-js.swf"
</script>
</head>
<body>
		<div id="header">
		<div class="head">
			<div class="logo">
			</div>
			<div class="headright" >
								<div class="connexion">
					<img src="../images/login.png" alt="" /><a href="../formulaire.php">Connexion</a>
					<img src="../images/register.png" alt="" class="decalage" /><a href="../formulaire.php">Inscription</a>
				</div>
				<div class="langage">
					<a href="#"><img src="../images/en.png" alt="English" title="English" /></a>
					<a href="#"><img src="../images/fr.png" alt="Français" title="Français" /></a>
					<a href="#"><img src="../images/es.gif" alt="Español" title="Español" /></a>
					<a href="#"><img src="../images/de.gif" alt="Deutsch" title="Deutsch" /></a>
					<a href="#"><img src="../images/it.PNG" alt="Italiano" title="Italiano" /></a>
					<a href="#"><img src="../images/cn.png" alt="中國的" title="中國的" /></a>
					<a href="#"><img src="../images/tr.jpg" alt="Türkce" title="Türkce" /></a>
				</div>
											</div>
		</div>
		<div class="menu" align="center">
			<ul id="parent">
				<li><a href="../index.php">Accueil</a></li>
				<li><a href="#">Chaines</a>
					<ul id="fils">
						<li><a href="#">Chaine 1</a></li>
						<li><a href="#">Chaine 2</a></li>
						<li><a href="#">Chaine 3</a></li>
						<li><a href="../chaines/programmes/chaine1.php">Programmes</a></li>
					</ul>
				</li>
				<li><a href="index.php">Videos</a>
					<ul id="fils">
						<li><a href="premierleague.php">Premier League</a></li>
						<li><a href="liga.php">Liga BBVA</a></li>
						<li><a href="calcio.php">Serie A</a></li>
						<li><a href="bundesliga.php">Bundesliga</a></li>
						<li><a href="ligue1.php">Ligue 1</a></li>
						<li><a href="superlig.php">Superlig</a></li>
					</ul>
				</li>
				<li><a href="../livescore.php">Livesore</a></li>
				<li><a href="../betgame/index.php">Bet Game</a></li>
				<li><a href="#">Championnats</a>
					<ul id="fils">
						<li><a href="#">Premier League</a></li>
						<li><a href="#">Liga BBVA</a></li>
						<li><a href="#">Serie A</a></li>
						<li><a href="#">Bundesliga</a></li>
						<li><a href="#">Ligue 1</a></li>
						<li><a href="#">Superlig</a></li>
					</ul>
				</li>
				<li><a href="abonnement.php">S'Abonner</a></li>
			</ul>
		</div>
	</div>	<div id="main">
		<div class="wideo">
			<div class="titre">PREMIER LEAGUE</div>
			<div class="player" style="display: block;">
			    <video id="videoPL" class="video-js vjs-default-skin" controls preload="auto" width="850" height="478" data-setup='{"example_option":true}'>  
					<source id="videosource" src="" type='video/mp4' />  
				</video>
			</div>
			<div class="semaine">
				<form id="formweek">
					<select name="week" id="week" onChange="weekshow(this);">
						<option selected="selected" value="day1">Journée 1</option>
					</select>
					<select name="year" id="year">
						<option selected="selected">2012/2013</option>
					</select>
					<select name="lig" class="ligue" onchange="window.location.href=this.value;">
						<option selected="selected">Premier League</option>
						<option value="liga.php">Liga BBVA</option>
						<option value="calcio.php">Seri A</option>
						<option value="bundesliga.php">Bundesliga</option>
						<option value="ligue1.php">Ligue 1</option>
						<option value="superlig.php">Superlig</option>
					</select>
				</form>
			</div>
		<div class="match" id="day1" style="display: block;">				<div name="match" id="number1" class="matchx">
					<table>
						<tr>
							<div class="date">samedi 13 Aout 2012</div>
						</tr>
						<tr>
							<td class="gauche"><span class="teamone">Newcastle United</span></td>
							<td class="centre"><a href="upload/new_0_0_ars"  onclick="changevid(this.href); return false;" class="score">0 - 0</a></td>
							<td class="droite"><span class="teamtwo">Arsenal</span></td>
						</tr>
					</table>
				</div>
						<div name="match" id="number2" class="matchx">
					<table>
						<tr>
							<div class="date">lundi 15 Aout 2012</div>
						</tr>
						<tr>
							<td class="gauche"><span class="teamone">Manchester City</span></td>
							<td class="centre"><a href="upload/xx_xx"  onclick="changevid(this.href); return false;" class="score">4 - 0</a></td>
							<td class="droite"><span class="teamtwo">Swansea City</span></td>
						</tr>
					</table>
				</div>
						<div name="match" id="number3" class="matchx">
					<table>
						<tr>
							<div class="date">dimanche 14 Aout 2012</div>
						</tr>
						<tr>
							<td class="gauche"><span class="teamone">West Bromwich Albion</span></td>
							<td class="centre"><a href="upload/xx_xx"  onclick="changevid(this.href); return false;" class="score">1 - 2</a></td>
							<td class="droite"><span class="teamtwo">Manchester United</span></td>
						</tr>
					</table>
				</div>
						<div name="match" id="number4" class="matchx">
					<table>
						<tr>
							<div class="date">dimanche 14 Aout 2012</div>
						</tr>
						<tr>
							<td class="gauche"><span class="teamone">Stoke City</span></td>
							<td class="centre"><a href="upload/xx_xx"  onclick="changevid(this.href); return false;" class="score">0 - 0</a></td>
							<td class="droite"><span class="teamtwo">Chelsea</span></td>
						</tr>
					</table>
				</div>
						<div name="match" id="number5" class="matchx">
					<table>
						<tr>
							<div class="date">samedi 13 Aout 2012</div>
						</tr>
						<tr>
							<td class="gauche"><span class="teamone">Queens Park Rangers</span></td>
							<td class="centre"><a href="upload/xx_xx"  onclick="changevid(this.href); return false;" class="score">0 - 4</a></td>
							<td class="droite"><span class="teamtwo">Bolton Wanderers</span></td>
						</tr>
					</table>
				</div>
						<div name="match" id="number6" class="matchx">
					<table>
						<tr>
							<div class="date">samedi 13 Aout 2012</div>
						</tr>
						<tr>
							<td class="gauche"><span class="teamone">Liverpool</span></td>
							<td class="centre"><a href="upload/xx_xx"  onclick="changevid(this.href); return false;" class="score">1 - 1</a></td>
							<td class="droite"><span class="teamtwo">Sunderland</span></td>
						</tr>
					</table>
				</div>
						<div name="match" id="number7" class="matchx">
					<table>
						<tr>
							<div class="date">samedi 13 Aout 2012</div>
						</tr>
						<tr>
							<td class="gauche"><span class="teamone">Blackburn Rovers</span></td>
							<td class="centre"><a href="upload/xx_xx"  onclick="changevid(this.href); return false;" class="score">1 - 2</a></td>
							<td class="droite"><span class="teamtwo">Wolverhampton Wanderers</span></td>
						</tr>
					</table>
				</div>
						<div name="match" id="number8" class="matchx">
					<table>
						<tr>
							<div class="date">samedi 13 Aout 2012</div>
						</tr>
						<tr>
							<td class="gauche"><span class="teamone">Fulham</span></td>
							<td class="centre"><a href="upload/xx_xx"  onclick="changevid(this.href); return false;" class="score">0 - 0</a></td>
							<td class="droite"><span class="teamtwo">Aston Villa</span></td>
						</tr>
					</table>
				</div>
						<div name="match" id="number9" class="matchx">
					<table>
						<tr>
							<div class="date">samedi 13 Aout 2012</div>
						</tr>
						<tr>
							<td class="gauche"><span class="teamone">Wigan Athletic</span></td>
							<td class="centre"><a href="upload/xx_xx"  onclick="changevid(this.href); return false;" class="score">1 - 1</a></td>
							<td class="droite"><span class="teamtwo">Norwich City</span></td>
						</tr>
					</table>
				</div>
						<div name="match" id="number10" class="matchx">
					<table>
						<tr>
							<div class="date">lundi 15 Aout 2012</div>
						</tr>
						<tr>
							<td class="gauche"><span class="teamone">Tottenham Hotspur</span></td>
							<td class="centre"><a href="upload/xx_xx"  onclick="changevid(this.href); return false;" class="score">2 - 0</a></td>
							<td class="droite"><span class="teamtwo">Everton</span></td>
						</tr>
					</table>
				</div>
		</div>		</div>
	</div>
	<div id="footer">
	<br />
	</div>
	<script type="text/javascript"> backcolor('number', 'match'); </script>
</body>
</html>

04/05/2012, 10h33
SpaceFrog

On parle bien de ces liens là ...

Code:

<td class="centre"><a href="upload/xx_xx" onclick="changevid(this.href); return false;" class="score">1 - 2</a></td>

je ne vois pas la fonction changevid() ..
04/05/2012, 20h51
pantouflex
Oui c'est bien ces liens la.

ah oui j'avais oublié que je l'avais mis dans le fichier function.js appelé dans le head: <script type="text/javascript" src="../js/function.js"></script>
Code:

1 2 3 4 5 function changevid(video) { document.getElementById("videosource").src=video; }