[ résolue ] Galerie vidéo

Bonsoir à tous !
J'ai crée une galerie vidéo en html, css3 et quelque fonction javascript elle est parfaitement fonctionnel mais il reste un petit bug dans le html qui me dérange et j'espère trouver une réponse ici .

Le code :
Le tableau dans lequel sont contenue les vignettes des vidéos

<td id="thumb_video" value="ouvrir" onClick="Action(this,'video_1')"><a href="#video_1"><img src="[b]l'image de la video[/b]" width=290 height=163></a></td>

La box vidéo ( appeler vidéo_1 dans le tableau ) avec le bouton de fermeture

<div class="video_box" id="video_1" style="visibility:hidden;">
	 <video controls src="video.ogv">Ici la description alternative</video> 
     <div id="closebutton" value="Fermer" onClick="Action(this,'video_1')" /><a href="#" title="Close This Video"><p>CLOSE X</p></a>
     </div>
</div>

Les fonctions javascript

function Action(btn,obj)

			{	
			var aff=document.getElementById(obj);
						(window.getComputedStyle(aff,null).visibility);

				if (aff.style.visibility=="hidden")

						{	aff.style.visibility="visible";
						
							btn.value="Fermer";

						}

				else	{	
						aff.style.visibility="hidden";
						btn.value="Ouvrir";
												}

			}

Explication du code :
Quand on clic sur l'image du tableau la box vidéo passe de

visibility:hidden

à

visibility:visible

Le problème:
Imaginons le tableau en css avec les propriétés suivantes:

position:absolute;
top:1000px;

Sur un ecran 15 pouces je vais devoir scroller pour atteindre le tableau et pouvoir cliqué sur la vignette, seulement lorsque je vais effectué le clique sur la vignette la box vidéo va apparaître tout en haut de la page, ce qui va obliger l'utilisateur lorsqu'il aura fermer la vidéo a rescroller pour accéder par exemple a la vidéo situé en-dessous.

J'ai effectué plusieurs série de test dans le css pensant que ca venais de là.
J'ai réussi a bloqué le scroll lors de l'ouverture de la box vidéo avec un

position:fixed;

sur la div de la videobox
mais lorsque je cliquais sur le bouton fermeture la scrollbar ce replaçait en haut.

Si vous avez des idée sur le " comment faire apparaître la div 'vidéo_box' et la fermer sans que cela implique un mouvement de la scroll bar "

Merci à tous !

edit: je pense que le problème viens que la vidéos apparaît grâce à un liens html
Modifié par aster (06 Apr 2011 - 00:55)

j'ai trouver une solution qui régler le problème, cela venais bien du fait que la vidéo box s'ouvrait avec un liens, j'ai remplacé le liens par un input button.