11496 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous,

Je viens de mettre le jquery fancybox 2
dans une de mes pages.

Avec Chrome,
c'est nickel !

Par contre, je rencontre des soucis avec IE :
- marges blanches à droite et en bas.

Par contre, je rencontre des soucis avec Safari :
vidéo non centrée et pas disposée de façon isométrique

Pouvez-vous m'aider svp.
Un immense merci d'avance.



Voici le lien de la page en question.

Voici le code de la page :

<!doctype html>
<html><head>
<meta charset="utf-8">
<link type="text/css" rel="stylesheet" href="diamants/js/fb/jquery.fancybox.css" media="screen" />
<script type="text/javascript" src="diamants/js/jquery.js"></script>
<script type="text/javascript" src="diamants/js/fb/jquery.fancybox.pack.js"></script>
<script type="text/javascript">
	$(function() {
		$(".fancyboxVideo").fancybox({
			padding: 2,
			maxWidth	: 1024,
			maxHeight	: 576,
			minWidth	: 1024,
			minHeight   : 576,
			scrolling   : 'no',
			fitToView	: false,
			autoSize	: false,
			width	    : '100%',
			height	    : '100%',
			closeClick	: true,
			openEffect  : 'fade',
			closeEffect : 'fade',
			iframe      :
				{
					scrolling : 'no'
				}
			});
	} );
</script>
</head>
<body>
<a href="http://www.celinni.com/diamants/videos/3d_bagues/PRMSWG.mp4" class="fancyboxVideo fancybox.iframe">Lancer la vidéo</a>
</body>
</html>

Modifié par jytest (02 Apr 2014 - 17:51)