11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,
Tout d'abord je ne savais pas trop où poster cette question, j'espère que cette catégorie est la plus adaptée à cette question.

En fait, j'ai un petit problème avec le "dew player" ; bien que je ne pense pas que la source vienne du lecteur en lui même mais peut-être du css. En fait, j'ai un calque "Le lecteur multimédia" et lorsque l'internaute passe sa souris dessus, le lecteur s'affiche. Ensuite, il peut démarrer la musique. Le soucis c'est que lorsque la souris quitte le calque, la musique s'arrête. Voici le code d'un source d'un rapide essai, essayez de copier/coller ceci dans une page et de l'ouvrir avec votre navigateur internet, vous comprendrez le problème.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<title>Test.</title>

</head><body>
<style>
body {
	margin: 100px 0;
}
#bar_test {
	width: 100px;
	background-color: #ffffff;
	color: #0099ff;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	display: inline
}
#bar_test div {
	display: none
}
#bar_test:hover div {
	background-color: #0099ff;
	color: #ffffff;
	border: 2px solid #000000;
	margin-left: -20px;
	display: inline;
	position: absolute
}
</style>
</body>
		<div id="bar_test">
	Le lecteur multimédia
			<div>
<object type="application/x-shockwave-flash" data="http://www.estvideo.com/dew/media/dewplayer-multi.swf?son=http://www.estvideo.com/dew/media/hussard.mp3&amp;bgcolor=red" width="200" height="20"><param name="movie" value="http://www.estvideo.com/dew/media/dewplayer-multi.swf?son=http://www.estvideo.com/dew/media/hussard.mp3&amp;bgcolor=red" /></object>
			</div>
		</div>
</html>

Peut-être faudrait-il séparer les boutons du lecteur en lui même ... enfin je ne sais pas trop, je n'ai aucune connaissance en flash. Si quelqu'un aurait une solution, ce serait vraiment sympa.

Merci d'avance,
& fin de soirée. Smiley cligne
Je n'ai pas lu tout le code, mais si tu joues sur display block/none, c'est normal, en tout cas pour IE. J'ai déjà pu tester, le masquage d'un <object> par display:none arrête son activité.

Suggestion : positionne-le hors de l'écran, genre -10000px
Bonjour,

De toutes manières, il sera nettement préférable du point de vue accessibilité de passer un script masquant/affichant le player, plutôt que par un :hover CSS... Smiley cligne