Video per on mouseclick an anderer Stelle anzeigen lassen

[burning]

Hi @ all, ich hoff ich bin hier richtig!
ich habe ein kleines Script mit dem ich per Mouseover ein kleines Bild in einem anderen div gross darstellen lass - jetzt möcht ich daselbe mit mehreren Videos machen!? Wie geh ich da vor - beim Bild ist´s ja nur <img src=""> - was mach ich mit dem ganzen Quellcode beim Video?
Bin leider absoluter Anfänger in Sachen JS . . .

Hier mein Script für die Bilder:

im Head:
<script language="JavaScript">
<!-- begin

// Funktion zum Tauschen der Bilder
function Zeigen(Bildname)
{
document.getElementById('bigpic').src = Bildname;
}
function Verstecken() {
* *document.getElementById('bigpic').src = 'images/xy.jpg';
}
// end -->
</script>


und im Body:
<div class="teaserbox_abstand02"><a href="javascript:void(0)" onMouseOver="Zeigen('images/xy_gross.jpg')" onMouseOut="Verstecken('bild1')"> <img src="images/xy.jpg" alt="..." Title="..."/> </a></div>

Bitte um Hilfe - bin am verzweifeln!
Danke im voraus
burning

 

[NE4Y]

statt

<img src="#" />

eben

<embed src="#" />

bzw. wenn das video von yt ist dort die einbetten funktion nutzen

 

[burning]

Wie jetzt

Sorry - versteh ich nicht!
im moment wird ja ein grosses bild aus dem ordner images angesprochen (onMouseOver="Zeigen('images/xy_gross.jpg')" )

Wenn mit der Maus wieder weggefahren wird passiert

onMouseOut="Verstecken('bild1')"> <img src="images/xy.jpg" alt="..." Title="..."/>

und es wird wieder das kleine Vorschaubild gezeigt.
Genau das gleiche möcht ich mit YT-Videos machen - nur halt über onclick
Der Embed Code aus YT ist ja ein iframe.... wie sprech ich den an?

Danke für einen Tipp!