Einige Vorsichtsmaßnahmen und Codemethoden zum Abspielen von Videos über HTML5 -Anrufe

Autor：Eve Cole Aktualisierungszeit：2025-04-01 05:48:01

In diesem schnellen Tipp auf Video werden wir untersuchen, wie Sie HTML5 -Video -Tags in Ihrem Projekt verwenden. Da alte Browser und Internet -Explorer das <Video> -Element nicht unterstützen, müssen wir eine Lösung für diese Browser finden, die Flash -Dateien unterstützt.

Im Folgenden sind einige Vorsichtsmaßnahmen und Codemethoden zum Abspielen von Videos im Zusammenhang mit HTML5 -Aufrufen im Zusammenhang mit der HTML5 -Videowiedergabe aufgeführt. Der Inhalt ist ein Tutorial, das von dieser Website sorgfältig ausgewählt und zusammengestellt wird. Ich hoffe, es wird für Internetnutzer hilfreich sein. Das Folgende ist der detaillierte Inhalt:

Leider werden wie HTML5 -Audio die Dateiformate, die an Videos beteiligt sind, nicht auf die gleiche Weise wie Firefox und Safari/Chrome unterstützt. Wenn Sie zu diesem Zeitpunkt HTML5 -Videos verwenden möchten, müssen Sie drei Videoversionen erstellen.

.Ogg

Firefox unterstützt dieses Format gut. Sie können VLC (Media-> Stream/Save) verwenden, um eine einfache Konvertierung von Videos zu erreichen.

.Mp4

Viele Bildschirmaufzeichnungswerkzeuge unterstützen den automatischen Export von MP4 -Formaten, mit denen Sie Videos in einem bestimmten Format für Safari und Chrombrowser generieren können.

.Flv/.swf

Nicht alle Browser unterstützen HTML5-Videos natürlich, um eine zweitbeste Version von Flash hinzuzufügen, unter Berücksichtigung der Kompatibilität.

 <! DocType html> <html lang = en> <kopf> <meta http-äquiv = content-type content = text/html; charset = utf-8> <title> tertitled </title> </head> <body> <Video Controls Width = 500> <!-Wenn Firefox-> <Source Src = Video.ogg type = Video/ogg/> <!-Wenn Safari/Chrome-<Source Src = Video.MP4 Typ = Video/MP4/MP4/<! Sie könnten auch so etwas wie einen besseren Browser schreiben! Wenn du dich böse fühlst. (Besser eine Flash-Datei verwenden.)-> <Einbett src = http: //blip.tv/play/gcmvgcmbaga%2EM4v type = application/x-shockwave-flash width = 1024 height = 798 erlaubt AccessAccess = immer zulässt

Optionale Parameter für einige <video> Elemente:

Steuerelemente: Booleaner Wert, die Play/Stopp -Taste anzeigen;

Poster: Die URL des Bildes, das vor dem Video gespielt wird;

Autoplay: Booleaner Wert, das Video wird nach dem Laden der Seite automatisch gespielt.

Breite: Die für das Video erforderliche Breite. Standardmäßig erkennt der Browser die bereitgestellte Videogröße automatisch.

Höhe: Die für das Video erforderliche Höhe;

SRC: Der Pfad zur Videodatei mit dem untergeordneten Element <quelle>, um besser zu erreichen.

Anmerkungen zu HTML5 -Videos

1. Drei Videoformate müssen erstellt werden, um Unterstützung für Firefox, Safari/Chrome und IE zu erhalten.

2. Lassen Sie kein Format weg. HTML5 kann nicht mit Firefox und Safari kompatibel sein, wie Sie denken. Safari kann das <video> -Tag interpretieren und erwartet, die entsprechende Datei zu laden. Wenn ein bestimmtes Format weggelassen wird, wird der Spieler leer sein.

3. Denken Sie daran, dass das Vollbilddisplay nicht von Safari und Chrome unterstützt wird. In Firefox 3.6 können Sie jedoch im Vollbildmodus stöbern.

4. Sie müssen den Grund verstehen, warum dh Flash -Dateien lädt, da der IE das <Video> -Element nicht interpretieren kann. Wenn der Browser es jedoch unterstützt, erwarten Sie, dass Sie die entsprechende Datei laden.

Englisch Original: Quick Tipp: HTML5 -Video mit einem Fallback zu Flash Nettus+

Der Inhalt über einige Vorsichtsmaßnahmen und Codemethoden zum Abspielen von Videos über HTML5 -Anrufe ist hier vorbei. Sie können diese Seite mit einem Lesezeichen versehen.