vollständig
gekürzt
<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <title>JSL173 Audio-Video Events</title> </head> <body> <h1 id="status">Croissants backen!</h1> <video controls src="media/croissants.mp4" id="meinVideo" onprogress="meldung(1);" oncanplay="meldung(2);"></video> <script> var dasVideoElement = document.getElementById("meinVideo"); dasVideoElement.addEventListener("seeked", meineFunktion); function meineFunktion() { if (dasVideoElement.currentTime <= 30) { var ausgabeText = "1. Abschnitt"; } else {var ausgabeText = "2. Abschnitt";} document.getElementById("status").innerHTML = ausgabeText; } function meldung(nr) { if (nr == 1) {console.log("Download beginnt")} if (nr == 2) {console.log("Download fertig")} } </script> </body> </html>
