HTML Video (Videos) abspielen

Es gibt viele Möglichkeiten, um das Video in HTML Verfahren zu spielen.

HTML Video (Videos) abspielen

Probleme und Lösungen

Video abspielen in HTML ist nicht einfach!

Sie benötigen viele bekannte Tipps, um sicherzustellen, dass Ihre Video-Datei in allen Browsern (Internet Explorer, Chrome, Firefox, Safari, Opera) und alle Hardware (PC, Mac, iPad, iPhone) abgespielt werden können.

In diesem Kapitel werden die Probleme und Lösungen W3CSchool Sie zusammenfassen.

Mit der <embed> -Tag

Role <embed> Tag ist zu Multimedia-Elemente in HTML-Seiten einbetten.

Der folgende HTML-Code angezeigt werden Flash-Videos in die Seite eingebettet:

Problem

• HTML4 nicht erkennt das <embed> Tag. Ihre Seite kann nicht überprüft werden.
• Wenn Ihr Browser Flash nicht unterstützt, so wird das Video nicht spielen
• iPad und iPhone können keine Flash-Videos anzeigen.
• Wenn Sie Videos in andere Formate zu konvertieren, ist es immer noch nicht in allen Browsern spielen.

Mit dem <object> -Tag

Role <object> -Tag ist für Multimedia-Elemente in HTML-Seiten einbetten.

Der folgende HTML-Code-Schnipsel zeigt einige Flash-Videos in die Seite eingebettet:

Problem:

• Wenn Ihr Browser Flash nicht unterstützt, wird das Video nicht abspielen.
• iPad und iPhone können keine Flash-Videos anzeigen.
• Wenn Sie Videos in andere Formate zu konvertieren, ist es immer noch nicht in allen Browsern spielen.

Mit dem HTML5 <video> -Element

HTML5 <video> -Tag definiert ein Video oder Film.

<Video> Element in allen modernen Browsern unterstützt.

Der folgende HTML-Fragment wird eine Web-Seite eingebettet ogg, mp4 oder WebM-Format Video-Anzeige:

Problem:

• Sie benötigen Video in viele verschiedene Formate zu konvertieren.
• <Video> Element ist in älteren Browsern nicht gültig.

Beste HTML-Lösung

Das folgende Beispiel verwendet vier verschiedene Videoformate. HTML 5 <video> -Element versucht mp4, ogg zu spielen, oder webm Formate ist das Video zu spielen. Wenn alles fehlschlägt, fallen dann wieder auf <embed> Element.

Problem:

• Sie müssen viele verschiedene Video-Formate

Youku Lösungen

Der einfachste Weg, um Videos in HTML angezeigt ist Youku und andere Video-Sites zu verwenden.

Wenn Sie Video in einer Web-Seite zu spielen möchten, können Sie ein Video zu Youku und anderen Video-Websites hochladen und dann den HTML-Code einfügen das Video in die Seite zu spielen:

Mit Hyperlinks

Wenn die Seite einen Hyperlink zeigt auf Mediendateien enthält, werden die meisten Browser "Hilfsprogramm" verwenden, um die Datei zu spielen.

Das folgende Codefragment zeigt Links zu AVI-Datei. Wenn der Benutzer auf den Link klickt, wird der Browser die "Hilfsprogramme", wie Windows Media Player starten die AVI-Datei zu spielen:

Auf Inline-Video-Beschreibung

Wenn ein Video in der Webseite enthalten ist, wird es inline Video bezeichnet.

Wenn Sie Inline-Video zu verwenden, in einer Web-Anwendung planen, müssen Sie erkennen, dass viele Menschen Inline-Videos finden ärgerlich.

Beachten Sie auch, dass die Nutzer Ihrem Browser Inline-Video-Option geschlossen haben.

Unsere beste Rat ist, nur dann, wenn der Benutzer wünscht, die inline Video enthält sie zu sehen. Ein positives Beispiel ist, dass, wenn der Benutzer braucht, um das Video und klicken Sie auf einen Link, um zu sehen, die Seite zu öffnen und das Video abspielen.

HTML Multimedia-Tag

Neu: HTML5 neue Tags.