N'utilise pas #player pour ton CSS. Toi tu l'utilise dans ton fichier CSS. C'est une Erreur !
Celui-ci est réservé au SWFObject.js. L'utilisation de l'id du SWFObject ne marchera pas en CSS.
Ton fichier CSS » chargeurFlash.css (C'est en exemple ici).
/* Change le nom de ton id ou choisi une classe */
/* Exemple : #lecteur ou .lecteur */
.lecteur {
width:490px;
height:auto;
border:2px solid #ccc;
padding:3px;
margin-bottom:5px;
}
Tu pourras changé la dimension du Player MP3 à partir de chargeurFlash.js (voir plus bas).
Et instruire ton div.lecteur en CSS comme bon te semble. Comprend ici que tu devras
envelopper ton Player d'une autre div : exemple »
body {
font-family:sans-serif;
font-size:100%;
color:#333;
margin:0;
padding:0;
background:#fff;
}
.lecteur {
width:490px;
height:auto;
border:2px solid #000;
background:#fff;
padding:3px;
/* On centre le Lecteur horizontalement à l'écran */
margin:0 auto;
}
Le code HTML » J'ai fait un fichier chargeurFlash.js pour optimiser l'écriture
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Flash MP3 Player</title>
<link rel='stylesheet' type='text/css' href='css/chargeurFlash.css' />
<script language="javascript" type="text/javascript" src="swfobject.js" ></script>
</head>
<body>
<!-- On enveloppe le lecteur d'un nouveau div et une nouvelle classe -->
<div class='lecteur'>
<!-- Le lecteur tel que défini avec SWFObject -->
<div id="player">
<!-- Détection du Lecteur avec le lien de téléchargement -->
</div>
<script language="javascript" type="text/javascript" src="chargeurFlash.js" ></script>
</div>
</body>
</html>
Le fichier chargeurFlash.js ou autre nom comme boxLecteur.js » facultatif.
var so = new SWFObject("flashmp3player.swf", "player", "245", "123", "9");
so.addParam("quality", "high");
so.addVariable("content_path","mp3");
so.addVariable("color_path","default.xml");
so.addVariable("script_path","flashmp3player.php");
so.write("player");
Les résultats en CSS.
var so = new SWFObject("flashmp3player.swf", "player", "245", "123", "9");
Autre dimension du Lecteur »
var so = new SWFObject("flashmp3player.swf", "player", "490", "145", "9");
Ne retiens que tu ne dois pas utiliser le « #player » en CSS. Celui-ci est ciblé par SWFObject.js et lui appartient totalement. Cet ID ne peut pas être utilisé en CSS sinon la mécanique s'arrête.
Je te suggère aussi de faire un fichier.js en externe du genre chargeurFlash.js et de cibler le fichier comme on le fait avec swfobject.js. C'est juste pour une question de lisibilité de ton fichier HTML. Optimisé l'ensemble en quelque sorte.
Bonne chance »
..
Modifié par zardoz (25 Aug 2011 - 04:15)
