"div" içerisinde birden fazla "id" kullanılabilinir mi ?

Amacım Arama sonucunda Çıkan video listesinin Play'e bastığımda, sağ alt köşede çıkmasını değilde; jQuery(fancybox) eklentisiyle sayfa ortasında video çalışır şekilde olmasını istiyorum. Arkadaşlar Tek bir div içerisinde birden fazla id kullanabilme şansın sanırım yok ama buna hiç mi çözüm yok ?

Bunlar kullanmak istediğim index.php'deki kodlar;

<script type="text/javascript">
		$(document).ready(function() {

			/*
			*   Examples - various
			*/

			$("#various1").fancybox({
				'titlePosition'		: 'inside',
				'transitionIn'		: 'none',
				'transitionOut'		: 'none'
			});

			$("#various2").fancybox();

			$("#various3").fancybox({
				'width'				: '75%',
				'height'			: '75%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});

			$("#various4").fancybox({
				'padding'			: 0,
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none'
			});
		});
	</script>

index.php'deki kullanmak istediğim alan, <div id="various4" id="player"> </div>

	<div id="footer" class="kapali">

		<p align="center">

		<span id="close" title="kapat">x</span>

		</p><div id="various4" href="player.swf">
		<div id="player">
			<p align="center"></div></div>

	</div>

Yardımcı olursanız çok sevinirim..

tam olarak yapmak istediğiniz nedir?
başka çözüm yolu üretelim. Play buttonunun javascript kaynak kodlarını koyarsanız yardımcı olurum

#footer 'a fancbox ataması vermeyi denediniz mi? #footar veya .kapali 'ya etki eden diğer js kodlarını gözden geçirdiniz mi?

Css'ten az buçuk anlıyorum ancak jQuery'i nasıl ne şekilde hangi mantıkla yerleştirebileceğimi çözemiyorum bilgim yetersiz. Yardımcı olursanız Sevinirim..

Kullandığım css ve js'ler burada,

<link rel="stylesheet" href="images/style.css" type="text/css">
<link href="images/rhm1.css" rel="stylesheet" type="text/css" media="screen">
<link href="http:/izle.hemendinle.org/images/fancybox/box.css" rel="stylesheet" type="text/css" media="screen">
<link href="http:/izle.hemendinle.org/images/fancybox/jquery.fancybox-1.3.1.css" rel="stylesheet" type="text/css" media="screen">
<script src="http:/izle.hemendinle.org/images/fancybox/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="http:/izle.hemendinle.org/images/fancybox/jquery.fancybox-1.3.1.js" type="text/javascript"></script>
<script src="http:/izle.hemendinle.org/images/fancybox/jquery.fancybox-1.3.1.pack.js" type="text/javascript"></script>
<script src="http:/izle.hemendinle.org/images/fancybox/jquery.mousewheel-3.0.2.pack.js" type="text/javascript"></script>
<script src="http:/izle.hemendinle.org/images/fancybox/jquery.easing-1.3.pack.js" type="text/javascript"></script>
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<script src="images/jquery_003.js" type="text/javascript"></script>
<script src="images/jquery_002.js" type="text/javascript"></script>
<script src="images/jquery.js" type="text/javascript"></script>
<script src="images/util.js" type="text/javascript"></script>
<script type="text/javascript" src="images/swfobject.js"></script>
</head>

Tam olarak yapmak istediğim bu;

<div id="various4 player"> </div> olarak denediniz mi? Class belirtirken arada bir boşluk bırakarak 2,3 ve/ya daha fazla class ekleyebiliyoruz. Ama ıd ekleniyor mu bilmiyorum. Deneyin işte.

cıx olmadı;
<div id="various4 player"> </div>
<div id="various4, player"> </div>
<div id="various4,player"> </div>
aklıma gelenlerin hepsini denedim

burası php bölümü arkadaş konu yanlış yerde.