Testen Sie Ihre Fähigkeiten: Multimedia und Einbettung

In dieser Aufgabe möchten wir, dass Sie eine Audiodatei auf die Seite einbetten. Sie müssen:

• Den Pfad zur Audiodatei in ein geeignetes Attribut einfügen, um sie auf der Seite einzubetten. Die Audiodatei heißt audio.mp3 und befindet sich in einem Ordner innerhalb des aktuellen Ordners namens media.
• Ein Attribut hinzufügen, damit Browser einige Standard-Steuerelemente anzeigen.
• Angemessenen Fallback-Text für Browser hinzufügen, die <audio> nicht unterstützen.

Versuchen Sie, den Live-Code unten zu aktualisieren, um das fertige Beispiel nachzubilden:

In dieser Aufgabe möchten wir, dass Sie einen etwas komplexeren Videoplayer kennzeichnen, der mehrere Quellen, Untertitel und andere Funktionen enthält. Sie müssen:

• Ein Attribut hinzufügen, damit Browser einige Standard-Steuerelemente anzeigen.
• Angemessenen Fallback-Text für Browser hinzufügen, die <video> nicht unterstützen.
• Mehrere Quellen hinzufügen, die die Pfade zu den Videodateien enthalten. Die Dateien heißen video.mp4 und video.webm und befinden sich in einem Ordner innerhalb des aktuellen Ordners namens media.
• Den Browser im Voraus darüber informieren, welche Videoformate die Quellen angeben, damit er eine fundierte Entscheidung treffen kann, welche er im Voraus herunterladen soll.
• Dem <video> eine Breite und Höhe entsprechend seiner intrinsischen Größe (320 mal 240 Pixel) geben.
• Das Video standardmäßig stumm schalten.
• Die im media-Ordner enthaltenen Textspuren, in einer Datei namens subtitles_en.vtt, anzeigen, während das Video abgespielt wird. Sie müssen den Typ ausdrücklich als Untertitel festlegen und die Untertitelsprache auf Englisch setzen.
• Sicherstellen, dass die Leser die Untertitelsprache erkennen können, wenn sie die Standard-Steuerelemente verwenden.

Versuchen Sie, den Live-Code unten zu aktualisieren, um das fertige Beispiel nachzubilden: