Probleme galerie video en javascript

Bonjour a tous!
J'ai un probleme avec ce code javascript.
Il sert à faire défiler mes images...comme ca,ca marche très bien sur mon site.
Mais je souhaiterais maintenant faire de même,mais qu'a la place de l'image en taille grande s'affiche une vidéo...En gros qu'on clique sur mon image en miniature dans la galerie et que ca lance ma vidéo sur ma page(sans nouvelle fenetre).
J'ai essayé dans tous les sens j'y arrive pas!
Si quelqu'un peux m'aider...

Voilà le code javascript:

<!--
window.onload = displayPics;
	function displayPics()
{
	var photos = document.getElementById('galerie_mini') ;
	
	var liens = photos.getElementsByTagName('a') ;
	var big_photo = document.getElementById('big_pict') ;
	var titre_photo = document.getElementById('photo').getElementsByTagName('dt')[0] ;
	for (var i = 0 ; i < liens.length ; ++i) {
		liens[i].onclick = function() {
			big_photo.src = this.href; 
			big_photo.alt = this.title; 
			titre_photo.firstChild.nodeValue = this.title;
 			return false; 		};
	}
}
//-->

et le code HTML:

 <div id="galerie">
	<dl id="photo">
		<dt>cliquez sur le miniatures pour visualiser mes travaux</dt>
		<dd><img id="big_pict" src="images/infographie/grandes/1.jpg" alt="grandeur nature" /></dd>
	</dl>
	<ul id="galerie_mini">
		<li><a href="images/infographie/grandes/1.jpg" title="affiche">
		<img src="images/infographie/miniatures/1.jpg" alt="Le titre de la photo 1"/></a></li>
		<li><a href="images/infographie/grandes/2.jpg" title="bougie et lumière réalisée sous 3dsmax">
		<img src="images/infographie/miniatures/2.jpg" alt="Le titre de la photo 2"/></a></li>
		<li><a href="images/infographie/grandes/3.jpg" title="projet de graphisme sur le droit des femmes">
		<img src="images/infographie/miniatures/3.jpg" alt="Le titre de la photo 3"/></a></li>
		
	</ul>
	
</div>
</div>

[/i]
Modifié par lilop (08 Jul 2005 - 18:21)