[...] seit gestern weiß ich wie man einen ton abspielen kann wenn man mit dem mauszeiger (mouseover) über ein bild fährt. [...]

Wenn Du die Info dazu aus einem Thread unseres Forums hast (vielleicht aus diesem), dann solltest Du den Link dazu angeben. Andere User, die vielleicht an dieser Lösung interessiert sind, kommen damit leichter zum Ziel.

[...] Heute würde ich gerne wissen [...]  wie das mit videos geht. [...]

Prinzipiell genauso, also mit zusätzlichen Scriptcodes.

Es macht durchaus Sinn, das benötigte Video als HTML5 Video anzulegen, damit auch die immer größer werdende Gemeinde der mobilen Nutzer etwas davon hat. Obwohl Du den mobilen Nutzern mit einer MouseOver Funktion keinen Gefallen tust. Auf mobilen Geräten gibt's halt keine Maus.

Sei's drum, es geht.
Schau Dir mal die Demo an, die ich gerade online gestellt habe...

Wenn Du das nachbauen willst, kannst Du die u. a. Scriptcodes mit copy & paste übernehmen.

In den HTML Head der Seite (oder des Video Platzhalters) gehört das folgende Script:

----------------------------
<script type="text/javascript" src="./index_htm_files/jquery-1.6.2.min.js"></script>
<script type='text/javascript'>
$(document).ready(function() {
$("#video1").bind("mouseover", function() {
$("#status").html("Playing");
this.currentTime = 0;
this.play();
}).bind("mouseout", function() {
$("#status").html("Paused");
this.pause();
});
})
</script>
----------------------------

• Der im Code blau markierte Eintrag steht für eine JQuery Bibliothek (hier die Version "1.6.2.min"), die Du Dir z. B. hier herunterladen kannst.
  Du kannst problemlos auch eine neuere Version nehmen, wenn Du den Namen im o. a. Script entsprechend änderst.
• Der oben gelb markierte Eintrag steht für die ID (Index Wert) des Videos. Der Name kann beliebig sein, er muss nur in beiden Scriptcodes identisch sein.
• Der grün markierte Eintrag veranlasst, dass das Video bei jeder erneuten Berührung mit dem Mauszeiger von Anfang an wiedergegeben wird.

In den HTML Body des Video Platzhalters gehört das folgende Script:

----------------------------
<video width="515" height="290" autobuffer id="video1" poster="./index_htm_files/poster.jpg" loop>
<source src="./index_htm_files/intro.ogg" type="video/ogg"></source>
<source src="./index_htm_files/intro.mp4" type="video/mp4"></source>
<div>Schade – hier könnten Sie ein Video sehen, wenn Ihr Browser HTML5 Unterstützung hätte!</div>
</video>

<script type='text/javascript'>
var vid = document.getElementById('video1');
vid.volume = 0.1;
</script>
-----------------------------

• Die im Code orange markierten Einträge definieren den Namen des Videos (hier "intro") und die Größe (hier 515 x 290 px). Das musst Du natürlich auf Dein Video anpassen.
• Der gelb markierte Eintrag (Video ID) muss identisch sein mit dem entsprechenden Eintrag aus dem ersten Script.
• Der blau markierte Eintrag definiert das Bild, das beim Start der Seite angezeigt wird.
• Der grün markierte Eintrag veranlasst eine ständige Wiederholung des Videos (Schleife), solange der Mauszeiger auf dem Video bleibt.
• Der lila markierte Eintrag steht für die Lautstärke. Hier sind Werte von 0.1 (10%) bis 1 (100%) möglich

Wenn Du jetzt noch dafür sorgst, dass nach dem lokalen Export (und auch nach dem Upload) Deines Projekts alle Dateien*, die in den Scripts referenziert werden, in das Verzeichnis "index_htm_files" kopiert werden, hast Du's schon geschafft.

* Das sind die Dateien

• jquery-1.6.2.min.js
• intro.ogg
• intro.mp4
• poster.jpg

Viel Erfolg