Problema Link sul video

[cadan2]

Salve ragazzi,
volevo porvi un problema.
In pratica ho la necessità di dover posizionare dei piccoli DIV con all'interno dei collegamenti a dei video di youtube. Logicamente il codice di youtube fa si che al click sul video parte il video!
Ora vorrei chiedervi come posso far si che quando un utente clicchi su un video lo mandi ad un LINK mio predefinito e non faccia partire il video?

Ho impostato il codice cosi ma non ho avuto ancora esito positivo:

<a href="video.php?v=<?php echo $arr['Value'];?>">                      
    <div id='box_video_small_video'>                         
         <iframe width="200" height="170" src="http://www.youtube.com/embed/<?php echo $arr_video[1]; ?>" frameborder="0" allowfullscreen></iframe>
      </div>
</a>

Come devo fare in modo che quando si clicchi sul div vadi alla pagina video.php?v=..... e non che parti il video?

Ringrazio tutti anticipatamente

[ResianTaxidrive]

il link che vuoi tu non dovrebbe contenere l'iframe. Prova a mettere come codice prima l'iframe, poi il tuo link e assegnare un posizionamento relativo negativo al tuo link che dovrebbe piazzarsi sopra all'iframe e avere quindi la "precedenza"

[cadan2]

MMMM ci ho provato ma niente non mi riesce.

Ho provato anche a mettere un altro div sovrapposto con trasparenza ma niente se ne va sempre sotto al div con l'iframe!
Potresti mostrarmi come rendi linkabile un intero video di youtube..
Io non ci riesco e come se avesse sempre la "precedenza".

Grazie

[ResianTaxidrive]

fammi vedere la prova che hai fatto.

[cadan2]

Ad esempio ho provato a sovrappore un altro div a quello che contiene il video, ma va sempre sotto!

<div id='box_video_small_video'>                     	
<iframe width="200" height="170" src="http://www.youtube.com/embed/<?php echo $arr_video[1]; ?>" frameborder="0" allowfullscreen>  </iframe>
</div>
<a href="video.php?v=<?php echo $riga1['VALUE'];?>" class="linkvideo">
<div id='box_video_small_video_link'>PROVA</div>
</a>

#box_video_small_video { 	
width:200px; 	
height:170px;  	
position:relative; 
z-index:1; 	} 

#box_video_small_video_link { 	
width:200px; 	
height:170px; 	
position:absolute; 	
margin-top:-170px; 	
margin-left:0px; 	
z-index:2; 	 	}

Ecco ora in questo caso mi aspetto che il 2 div (box_video_small_video_link) si posizioni al di sopra del primo (anche senza trasparenza) ma nulla, il video va sempre sopra!
Non sono ancora bravo con i css può sembrare una ca....ta ma vorrei capire come fare.

Grazie

[ResianTaxidrive]

Dai un colore di sfondo a #box_video_small_video_link, dovrebbe posizionarsi sopra all'iframe.

P.S. NOn è corretto mettere un div all'interno di un <a>; ti consiglio di mettere uno span, o (in un caso come questo) togliere del tutto il contenitore interno. Applichi lo stile direttamente sul tag <a> (chiaramente se non devi mettere all'interno altre cose che ignoro.

[cadan2]

SI di sto fatto che se do un colore di sfondo al div me lo mette visibile al livello superiore rispetto a quello che contiene il video me ne sono accorto!
Io in pratica vorrei che siccome son tanti piccoli video, se un utente ci clicca mi porta ad una pagina dove può vederlo con dimensioni piu grandi, solo che non riesco a far in modo tale che quando si clicca sul VIDEO al posto di farlo partire mi manda ad un link

Con due livelli sovrapposti non ci riesco, il video va sempre sopra;
se do un colore di sfondo al div con il link va sopra.. ma non vedo piu il video sotto xD!!!
Come ne esco?

Esiste magari qualche soluzione piu semplice che non conosco?

Ti rigrazio per ciò che già mi hai scritto ResianTaxidrive