HTML and CSS Reference
In-Depth Information
</style>
<script>
function fehler(e) {
// Fehler bei Videowiedergabe Warum?
switch (e.target.error.code) {
case e.target.error.MEDIA ERR ABORTED:
alert('Abbruch durch Benutzer.');
break;
case e.target.error.MEDIA ERR NETWORK:
alert('Durch fehlende Netzwerkverbindung konnte das Video ganz oder
teilweise nicht geladen werden.');
break;
case e.target.error.MEDIA ERR DECODE:
alert('Video Datei ist fehlerhaft.');
break;
case e.target.error.MEDIA ERR SRC NOT SUPPORTED:
alert('Video Format wird nicht unterstützt.');
break;
default:
alert('Unbekannter Fehler ist aufgetreten.');
break;
}
}
</script>
</head>
<body>
<video src "film.mp4" controls onerror "fehler(event)"></video>
</body>
</html>
Falls beispielsweise im
video
-Tag auf ein Video verwiesen wird, das der Browser nicht unter-
stützt, sieht der Benutzer die folgende Fehlermeldung auf einem iPod touch oder iPhone. In
der Abbildung sehen Sie auch, dass im iOS bei einem fehlerhaften Video der Play-Button
nicht richtig dargestellt wird. Mit dem gerade vorgestellten Error-Handling können Sie
Ihren Benutzern schnell mitteilen, warum das Video nicht abgespielt werden kann.
Bild 2.33:
iOS meldet ein fehlerhaftes Videoformat.
