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

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

WBOY

Freigeben： 2016-05-16 16:37:45

Original

1411 Leute haben es durchsucht

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:

. Laden Sie je nach Version unterschiedliche Tags. Der Code lautet wie folgt: