Tipp: Das Hosten von Filmen auf Ihrem Server kann aufgrund von Bandbreitenkosten teuer sein. Wenn Sie sich keine Sorgen um das Hosten von Videodateien machen möchten und die Aufmerksamkeit eines großen Publikums gewinnen möchten, ist das Hosten des Videos auf YouTube und das Einbetten des Links auf Ihrer Website eine großartige Idee.
Hinweis: Nicht alle der folgenden Vorschläge funktionieren für alle Browser. Stellen Sie sicher, dass die von Ihnen gewählte Lösung mit den Browsern funktioniert, die Sie unterstützen möchten.
Die folgenden Beispiele bieten verschiedene Methoden, um die Videodatei im Browserfenster anzeigen zu lassen. Wir empfehlen außerdem, dass Sie einen direkten Download-Link zu der Datei erstellen, der es Besuchern ermöglicht, die Datei herunterzuladen, wenn der Film nicht im Browser abgespielt wird. Nachfolgend finden Sie zwei Beispiele für direkte Links zu den beiden Videodateien in diesem Dokument.
Diskettenlaufwerk-Roboter
HTML Quelltext
Diskettenlaufwerk-Roboter
IBM Linux kommerziell
HTML Quelltext
IBM Linux kommerziell
Betten Sie ein YouTube-Video ein
Das Hosten von Videos auf YouTube ist großartig, weil dadurch Bandbreitenkosten eingespart werden, viele Zuschauer unterstützt werden können und Ihre Videos den Besuchern der beliebtesten Seite im Internet vorgestellt werden können. Im Folgenden finden Sie ein Beispiel für ein Video, das auf YouTube gehostet und in diese Website eingebettet ist.
HTML Quelltext
Den HTML-Code für alle YouTube-Videos finden Sie über den Share-Link in jedem YouTube-Video. Nachdem Sie auf den Share- Link geklickt haben, klicken Sie auf den Embed- Link. Nachfolgend finden Sie ein Beispiel für den Code, der zum Anzeigen des obigen YouTube-Videos verwendet wird.
Video-Tag
Das Tag ist ein HTML-Tag, mit dem Videos in allen modernen Browsern angezeigt werden können. Das Tag unterstützt die Videoformate MP4, Ogg und WebM und kann mit einem einzigen HTML-Tag implementiert werden.
HTML Quelltext
Ihr Browser unterstützt das nicht
Grundlegendes eingebettetes Tag
Nachstehend finden Sie Code für die grundlegendste Methode zum Einbetten einer Datei in eine Webseite.
Beispiel HTML-Code
In diesem Beispiel verwenden Sie das embed-Element, um auf die Quelle der Filmdatei zu zeigen, die Sie abspielen möchten. Beachten Sie, dass dies ein sehr einfaches Beispiel ist und keine Warnung anzeigt oder den Benutzer auf einen Speicherort verweist, um ein Plug-In herunterzuladen, wenn die Videodatei nicht unterstützt wird.
Filmdatei mit dem img-Tag hinzufügen
Wenn Sie das Tag nicht verwenden möchten, können Sie auch eine Filmdatei mit einschließen tag, wie im nachstehenden Beispiel gezeigt.
Beispiel HTML-Code
Tag zum Abspielen von QuickTime-Filmen einbetten (.MOV)
Apple QuickTime-Filmdateien sind eine weitere beliebte Art von Filmen im Internet. Im Folgenden finden Sie ein grundlegendes Beispiel für das Einschließen dieser Dateien in Ihre Webseite.
Hinweis: QuickTime wird unter Microsoft Windows nicht mehr unterstützt und alle neuen Browser unterstützen diese Methode zum Einbetten von QuickTime-Filmen nicht mehr.
Beispiel HTML-Code
In dem obigen Embed-Beispiel zeigt der erste Teil des Codes auf die Quelle ( src ) der Filmdatei, die die Filmdatei selbst ist. Als nächstes ist die Plugin- Seite der Ort des Plugins, wenn der Besucher es nicht installiert hat. Die Breite und Höhe sind die tatsächlichen Abmessungen der Videodatei. Der Controller- Wert kann auf true oder false gesetzt werden, um die Anzeige der unteren Steuerelemente umzuschalten.
Tipp: Möglicherweise möchten Sie die Höhe der Videodatei erhöhen, wenn Sie den Controller nicht sehen können.
Loop ist eine Einstellung für den Zeitpunkt, zu dem die Datei automatisch von vorne beginnen soll. Autoplay weist den Browser schließlich an, die Videodatei nach dem Laden der Seite zu starten oder nicht abzuspielen.
Geben Sie das Attribut für das eingebettete Tag ein, um das Plug-in anzugeben
Fügen Sie im embed-Tag das type- Attribut ein, um den MIME-Typ für die Videodatei anzugeben. Auf diese Weise können Sie das Plug-In angeben, das zum Abspielen des Videos in einem Browser erforderlich ist.
Beispiel HTML-Code
Im obigen Beispiel ist das type-Attribut auf video / x-msvideo gesetzt. Hierbei handelt es sich um den MIME-Typ für AVI-Videodateien.
Um den Wert zu bestimmen, der dem Typattribut für andere Videodateitypen zugewiesen werden soll, überprüfen Sie die Liste der MIME-Typen für Videodateien auf der Seite IANA-Medientypen.