script qui envoi code html en fonction du navigateur

**Xann_71** · 21/03/2008, 15h18

Bonjour à tous!
Je cherche à créer une fonction javascript qui, en fonction du navigateur de l'utilisateur, renvoi un code html d'un lecteur vidéo compatible avec le navigateur.

Voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<html> 
	<head> 
		<meta http-equiv='content-type' content='text/html; charset=iso-8859-1' /> 
		<title>en tete</title> 
		<link rel='stylesheet' media='screen' type='text/css' href='javascript.css' /> 
		<script language='Javascript' type='text/javascript'> 
			<!-- 
				function lecteur() 
				{ 
					if(window.ActiveXObject) // Internet Explorer 
					{ 
						document.write('<object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" type="application/x-oleobject" standby="Loading Microsoft Windows Media Player components..."  height="432" width="528">'); 
					}
					else 
					{
						document.write('<object type="application/x-mplayer2" data="chemin_video" height="432" width="528">'); 
					}
					document.write('	<param name="url" value="chemin_video"/>'); 
					document.write('	<param name="autoStart" value="true" />'); 
					document.write('	<param name="uimode" value="none" />'); 
					document.write('</object>'); 
				} 
			//--> 
		</script> 
	</head> 
	<body> 
		<div id='imglogo'> 
			<img class='imglogo' src='chemin_image' style='width: 100px; height: 100px'/> 
			<img class='imglogo' src='chemin_image' style='width: 100px; height: 100px'/>
		</div> 
		<h1>titre</h1> 
		<div id='player' style='width:528px; height:432px' onload='javascript:lecteur()'>
		</div> 
		<p id='description'>				contenu texte</p> 
		<a href='javascript:window.close()' id='close'>Fermer la fenêtre</a> 
	</body> 
</html>

Seulement, lorsque je lance la page, mon lecteur ne s'affiche pas. Quelqu'un peut-il m'aider à comprendre pourquoi?
Merci d'avance

**le_chomeur** · 21/03/2008, 15h45

a aucun moment tu n'appels ta méthodes

fait un

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

window.onload = lecteur();

**Xann_71** · 21/03/2008, 16h03

Merci pour ton aide mais je suis un peu perdu.
En fait j'avais appelé ma fonction dans mon div id=player:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
		<div id='player' style='width:528px; height:432px' onload='javascript:lecteur()'>
		</div>

En pensant que le code s'afficherait, au chargement de la page, à l'intérieur de ce div.
Je ne dois pas recharger la page, le script doit s'éxécuter dés le premier chargement.

Pour utiliser le script que tu m'a montré, je dois créer une nouvelle fonction et l'appeler dans le div ou bien la mettre dans la fonction lecteur?
J'ai essayé de le mettre à la fin de ma fonction mais sa n'a eu aucun effet.

Merci

**le_chomeur** · 21/03/2008, 16h10

il faut la mettre après ta méthode :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<script language='Javascript' type='text/javascript'> 
			<!-- 
				function lecteur() 
				{ 
					if(window.ActiveXObject) // Internet Explorer 
					{ 
						document.write('<object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" type="application/x-oleobject" standby="Loading Microsoft Windows Media Player components..."  height="432" width="528">'); 
					}
					else 
					{
						document.write('<object type="application/x-mplayer2" data="chemin_video" height="432" width="528">'); 
					}
					document.write('	<param name="url" value="chemin_video"/>'); 
					document.write('	<param name="autoStart" value="true" />'); 
					document.write('	<param name="uimode" value="none" />'); 
					document.write('</object>'); 
				} 
 
window.onload = lecteur();
			//--> 
		</script>

**Xann_71** · 21/03/2008, 16h26

Merci beaucoup. Ta solution fonction parfaitement. J'ai eu une petite blague au début car lorsque j'ai mis

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

window.onload

à la suite de ma fonction, le lecteur s'affichait en haut de la page mais j'ai juste eu à créer une balise script au milieu de mon div lecteur pour corriger le problème.

Encore merci pour ton aide et si ce code peut être utile à quelqu'un qui à croisé le même problème que moi, le voici:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
<html> 
	<head> 
		<meta http-equiv='content-type' content='text/html; charset=iso-8859-1' /> 
		<title>en tete</title> 
		<link rel='stylesheet' media='screen' type='text/css' href='javascript.css' /> 
		<script language='Javascript' type='text/javascript'> 
			<!-- 
				function lecteur() 
				{ 
					if(window.ActiveXObject) // Internet Explorer 
					{ 
						document.write('<object id="pl" classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" type="application/x-oleobject" standby="Loading Microsoft Windows Media Player components..."  height="432" width="528">'); 
					}
					else 
					{
						document.write('<object type="application/x-mplayer2" data="chemin_video" height="432" width="528">'); 
					}
					document.write('	<param name="url" value="chemin_video"/>'); 
					document.write('	<param name="autoStart" value="true" />'); 
					document.write('	<param name="uimode" value="none" />'); 
					document.write('</object>');
				}
			//--> 
		</script> 
	</head> 
	<body>
		<div id='imglogo'> 
			<img class='imglogo' src='chemin_image' style='width: 100px; height: 100px'/> 
			<img class='imglogo' src='chemin_image' style='width: 100px; height: 100px'/>
		</div> 
		<h1>titre</h1> 
		<div id='player' style='width:528px; height:432px'>
			<script language='Javascript' type='text/javascript'> 
				<!-- 
					window.onload = lecteur();
				//--> 
			</script> 
		</div> 
		<p id='description'>				contenu texte</p> 
		<a href='javascript:window.close()' id='close'>Fermer la fenêtre</a> 
	</body> 
</html>

Il me permet d'afficher une vidéo sous firefox et ie pour les utilisateur de pc et sous firefox et safari pour les utilisateurs de mac ( je n'ai testé que sous ces 4 éventualités mais je suppose que cela doit fonctionner sous les autres navigateurs,je ne peut cependant pas le certifier).

script qui envoi code html en fonction du navigateur

JavaScript

Discussions similaires

Partager

Partager