Media-Dateien in eine Webseite einbetten

October 28

Viele Techniken für das Einbetten von Audio-und Videodateien in eine Webseite entstanden seit den frühen Tagen des Internets, einschließlich Adobe Flash Player, die YouTube verwendet, Java-Applets und dem klassischen "einbetten"-Tag in HTML. Leider ist jede dieser Methoden in der Praxis problematisch wegen Inkonsistente Implementierung unter den Web-Browser und/oder dem Erfordernis der Drittanbieter-Software. Der HTML5-Standard zeigt Versprechen als das zuverlässigste und kompatiblen Web standard geht nach vorn und gibt umfassende native Unterstützung für eingebettete Medien.

Anweisungen

Audio

1 Fügen Sie folgenden Code im Körper Ihres HTML-Dokuments eine Audiodatei einbetten:

< Audiosteuerungen >< / audio >

2 Geben Sie den Pfad und den Namen Ihrer audio-Datei anstelle von "filename.mp3" in das Attribut "Src".

3 Fügen Sie das "Vorspannung" Attribut mit dem Wert "Auto" zu starten, die Datei zu laden, beim Laden der Seite, auch wenn der Benutzer es nicht noch gespielt. Zum Beispiel:

< Audio Vorspannung = "Auto" Steuerelemente >< / audio >

4 Entfernen Sie das Attribut "Src" aus dem "audio"-Tag, dann fügen Sie zwei oder mehr "Quelle" Markierungen zwischen den "audio" Tags, um den Browser zu wählen zwischen den verschiedenen verfügbaren Audioformate spielen zu ermöglichen. Mit dem folgenden Code wird zwischen einer Audiodatei OGG und MP3 Browser ausgewählt werden:

< Audiosteuerungen >

< Quelle Typ = "Audio/Ogg" / >

< Quelle Typ = "Audio/Mpeg" / >

< / audio >

Video

5 Fügen Sie folgenden Code im Körper Ihres HTML-Dokuments, eine video-Datei einzubetten:

< Videosteuerungen >< / video >

6 Geben Sie den Pfad und den Namen der Videodatei anstelle von "filename.mp4" in das Attribut "Src".

7 Geben Sie die Breite und Höhe des Videos in Pixel, die mit den Attributen "Breite" und "Height". Zum Beispiel:

< Videobreite = "500" Height = "300" Steuerelemente >< / video >

8 Fügen Sie das "Vorspannung" Attribut mit dem Wert "Auto" zu starten, laden das Video beim Laden der Seite, auch wenn der Benutzer es nicht noch gespielt. Zum Beispiel:

< Video Vorspannung = "Auto" Steuerelemente >< / video >

9 Entfernen Sie das Attribut "Src" aus dem "video"-Tag, dann fügen Sie zwei oder mehr "Quelle" Markierungen zwischen den "video" Tags, um den Browser zu wählen zwischen den verschiedenen verfügbaren Videoformate spielen zu ermöglichen. Mit dem folgenden Code wird zwischen einer OGG-Video und ein MP4-Video Browser ausgewählt werden:

< Videosteuerungen >

< Quelle Typ = "Video/Ogg" / >

< Quelle Typ = "Video/mp4" / >

< / video >

Wenn Sie eine Breite und Höhe des Videos angegeben haben, lassen Sie diese Attribute im "video"-Tag.

Tipps & Warnungen

  • Verwenden Sie die "Quelle"-Tags, um spezifische Zielplattformen Sie erwarten Nutzer auf Ihre Website aus besuchen. Die iPod-Familie von mobilen Geräten sind beispielsweise die meisten kompatibel mit MP4-Videos.
  • Alles zwischen den Tags "audio" oder "video" (neben "Quelle" Tags) erscheint stattdessen wenn jemand besucht Ihre Website mit einem veralteten Browser, der HTML5 nicht unterstützt. Eine Möglichkeit zur Unterstützung dieser Browser ist zum Einfügen von Pre-HTML5 embed-Code (z. B. ein "Object"-Tag einen Flash-Player einbetten) zwischen den Tags, damit ältere Browser stattdessen diesen Code verwenden.

SIE KÖNNEN AUCH GERNE