| Aperçu | Description | Code HTML |
|---|---|---|
| Aperçu | La description de l'exemple | Le code HTML de l'exemple |
|
Affichage par défaut, sans options.
Contrôles Javascript: PLAY - PAUSE - STOP - VOLUME |
<object id="monFlash" type="application/x-shockwave-flash" data="player_mp3_maxi.swf" width="200" height="20"> <param name="wmode" value="transparent" /> <param name="movie" value="player_mp3_maxi.swf" /> <param name="FlashVars" value="mp3=test.mp3" /> <p>Texte alternatif</p> </object> <script language="Javascript">
function play() {
document.getElementById("monFlash").SetVariable("player:jsPlay", "");
}
function pause() {
document.getElementById("monFlash").SetVariable("player:jsPause", "");
}
function stop() {
document.getElementById("monFlash").SetVariable("player:jsStop", "");
}
function volume(n) {
document.getElementById("monFlash").SetVariable("player:jsVolume", n);
}
</script>
|
|
| Toutes les options d'affichage sont activées. On teste la transparence sur un fond d'une autre couleur. Si vous avez des problèmes avec la transparence, vous pouvez forcer la couleur comme indiqué ici. |
<object type="application/x-shockwave-flash" data="player_mp3_maxi.swf" width="200" height="20"> <param name="wmode" value="transparent" /> <param name="movie" value="player_mp3_maxi.swf" /> <param name="FlashVars" value="mp3=test.mp3&showstop=1&showinfo=1&showvolume=1" /> <p>Texte alternatif</p> </object> |
|
| Exemple avec un changement de couleurs. |
<object type="application/x-shockwave-flash" data="player_mp3_maxi.swf" width="200" height="20"> <param name="wmode" value="transparent" /> <param name="movie" value="player_mp3_maxi.swf" /> <param name="FlashVars" value="mp3=test.mp3&bgcolor1=ffffff&bgcolor2=cccccc&buttoncolor=999999&buttonovercolor=0&slidercolor1=cccccc&slidercolor2=999999&sliderovercolor=666666&textcolor=0&showvolume=1" /> <p>Texte alternatif</p> </object> |
|
| Exemple avec une image de fond. |
<object type="application/x-shockwave-flash" data="player_mp3_maxi.swf" width="200" height="20"> <param name="wmode" value="transparent" /> <param name="movie" value="player_mp3_maxi.swf" /> <param name="FlashVars" value="mp3=test.mp3&skin=skin001.jpg" /> <p>Texte alternatif</p> </object> |
|
| Exemple d'utilisation d'un fichier de configuration avec priorité sur les paramètres HTML. On peut changer la taille du lecteur ainsi que celle de la barre et des boutons. Voir le fichier de configuration en texte. |
<object type="application/x-shockwave-flash" data="player_mp3_maxi.swf" width="300" height="30"> <param name="wmode" value="transparent" /> <param name="movie" value="player_mp3_maxi.swf" /> <param name="FlashVars" value="config=config.txt&bgcolor1=ffcc00" /> <p>Texte alternatif</p> </object> |
|
| Même chose mais en XML. Voir le fichier de configuration en XML. |
<object type="application/x-shockwave-flash" data="player_mp3_maxi.swf" width="300" height="30"> <param name="wmode" value="transparent" /> <param name="movie" value="player_mp3_maxi.swf" /> <param name="FlashVars" value="configxml=config.xml&bgcolor1=ffcc00" /> <p>Texte alternatif</p> </object> |
Plus d'information sur la page officielle.