suchen

Heim  >  Artikel  >  Web-Frontend  >  So fügen Sie Videos in HTML ein und sind mit allen Browsern kompatibel_HTML/Xhtml_Webseitenproduktion

So fügen Sie Videos in HTML ein und sind mit allen Browsern kompatibel_HTML/Xhtml_Webseitenproduktion

WBOY
WBOYOriginal
2016-05-16 16:37:451373Durchsuche

Es gibt zwei am häufigsten verwendete Methoden zum Einfügen von Videos in HTML: eine ist das alte -Tag und die andere ist das -Tag.

Ersteres ist kompatibel, aber nicht sehr bequem zu verwenden. Letzteres ist sehr bequem zu verwenden, aber die Kompatibilität bereitet Kopfschmerzen.

Obwohl es viele Probleme mit der Kompatibilität des letzteren gibt, da es sehr bequem zu verwenden ist und dem Entwicklungstrend des zukünftigen Webdesigns entspricht, verwenden wir Letzteres als Hauptmethode zum Einfügen von Videos Aufgrund seiner Kompatibilitätsprobleme wird ersteres als Hilfsgerät verwendet.

Ein Beispiel lautet wie folgt:

Kopieren Sie den Code
Der Code lautet wie folgt:


Derzeit unterstützt das Videoelement drei Videoformate:
Format IE Firefox Opera Chrome Safari
Ogg Nein 3.5 10.5 5.0 Nein
MPEG 4 9.0 Nein Nein 5.0 3.0
WebM Nein 4.0 10.6 6.0 Nein

Ogg = Ogg-Datei mit Theora-Videokodierung und Vorbis-Audiokodierung

MPEG4 = MPEG 4-Datei mit H.264-Videokodierung und AAC-Audiokodierung

WebM = WebM-Datei mit VP8-Videokodierung und Vorbis-Audiokodierung

Hinweis: Das Format muss den oben genannten drei detaillierten Anforderungen entsprechen, z. B. MPEG 4, das H. sein muss. 264-Video und AAC-Audio.

Wenn das Videoformat in diesem Fall korrekt ist, sind wir mit den Kompatibilitätsergebnissen der meisten Browser recht zufrieden, aber IE678 unterstützt es nicht und ihre Benutzergruppe ist in China immer noch sehr groß muss sich eine andere Lösung überlegen, um sie zu unterstützen:

Kopieren Sie den Code
Der Code lautet wie folgt:



-- Dieses Parameter-Tag fordert Benutzer, die Flash Player 6.0 r65 und höher verwenden, zum Herunterladen der neuesten Version auf Version. Flash Player. Wenn Sie nicht möchten, dass Benutzer diese Aufforderung sehen, entfernen Sie sie. -->
Videos im FLV-Format sowie mehrere SWF- oder JS-Dateien werden alle mit der DW-Software generiert. Freunde, die das -Tag nicht studieren möchten, können es einfach mit der DW-Software erstellen. Wenn es geschickt kombiniert werden kann

Mit diesen beiden Codeteilen können Sie den endgültigen Code erhalten, der mit allen gängigen Browsern kompatibel ist.

So können wir Folgendes tun:

Verwenden Sie jquery, um festzustellen, ob der Browser IE ist (es ist nicht erforderlich, die spezifische IE-Version zu bestimmen, da IE aus Servergründen möglicherweise keine höheren Versionen weitergibt Verwenden Sie daher vorerst < für alle IE-Tags ;object>. Laden Sie je nach Version unterschiedliche Tags. Der Code lautet wie folgt:





Code kopieren


Der Code lautet wie folgt: