fancybox (avec player flash) par dessus un player flash

Version imprimable

Bonjour à tous,

J'essaie d'utiliser fancybox pour faire une popup avec un player flash, petit soucis c'est que s'il y a déjà un player sur la page (dessous la fancybox normalement) il vient s'intercaler dessus (en partie).

Alors j'ai essayé d'utiliser le parametre wmode mais aucun changement.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<body>
<a href="mapage.php" class="group_fancy" >conditions g&eacute;n&eacute;rales d'utilisation</a><br/>
<a href="./player.php" class="group1" >lancer le player</a><br/>
<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='300' height='300' id='player5' name='player5'>
   <param name='movie' value='player-viral.swf'>
   <param name='allowfullscreen' value='true'>
   <param name='allowscriptaccess' value='always'>
   <param name='flashvars' value='file=playlist.xml'>
   <param name='wmode' value='transparent'>
   <embed id='player5'
          name='player5'
          src='player-viral.swf'
          width='580'
          height='315'
          allowscriptaccess='always'
          allowfullscreen='true'
		  autostart="true"
          flashvars="file=playlist.xml&wmode=transparent&playlist=right&playlistsize=180"
   />
</object>

et mon autre page "mapage.php" contient un code similaire.
Pour info le player est : JW Player.

Avez-vous des idées ??
Merci.

Bon...autre soucis :
Sous Ie lorsque j'ouvre une fancybox avec mon player à l'intérieur je me retrouve avec une fancybox de bonne taille mais le player se trouve dans une frame assez petite avec des barres de défilements.

Quelqu'un a-t-il une idée ?

code du player :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='580' height='300' id='player5' name='player5'>
	<param name='movie' value='player-viral.swf'>
	<param name='allowfullscreen' value='true'>
	<param name='allowscriptaccess' value='always'>
	<param name='width' value='580'>
	<param name='flashvars' value='file=playlist.xml&playlist=right&playlistsize=180&wmode=transparent&autostart=true'>
 
	<param name='flashvars' value='autostart=true'>
 
	<embed id='player5'
          name='player5'
          src='player-viral.swf'
          width='580'
          height='315'
          allowscriptaccess='always'
          allowfullscreen='true'
		  autostart="true"
          flashvars="file=playlist.xml&playlist=right&playlistsize=180&wmode=transparent&autostart=true"
   />
</object>

code de la fancybox :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
	<script type="text/javascript">
		$(document).ready(function(){
		    jQuery("a.group1").fancybox({
	               'hideOnContentClick'	: false,
	                'easingIn'				: 'easeOutBack',
	                'easingOut'				: 'easeInBack',
	                'zoomOpacity'           : true,
	                'overlayShow'           : true,
	                'opacity'               : 0.5,
	                'overlayOpacity'        : 0.6,
	                'zoomSpeedIn'           : 500,
	                'zoomSpeedOut'          : 500,
	                'frameWidth'            : 800,
	                'frameHeight'           : 500
	        });        
		});
	</script>

08/04/2010, 13h41
Inh[Star]Noz
Solution : mettre ce doctype :
Code:

1 2 <!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="en" lang="en">
J'en avais mis un de type dtd mais différent...
Il y a toujours un petit soucis sur l'affichage, si je trouve je mettrais résolu.