Unterstützt HTML5 FLV-Dateien?

HTML5 unterstützt keine Dateien im FLV-Format; das Video-Tag unterstützt keine Dateien im FLV-Format, kann aber durch die Installation entsprechender Plug-Ins unterstützt werden. FLV ist die Abkürzung für „FLASH VIDEO“ und das FLV-Streaming-Medienformat ist es zusammen mit „Flash Ein Videoformat, das seit der Einführung von MX entwickelt wurde“.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, HTML5-Version, Dell G3-Computer.

Unterstützt HTML5 FLV-Dateien?

Der Video-Tag von HTML5 unterstützt nativ keine Dateien im FLV-Format, aber Sie können relevante Plug-Ins installieren, um dies zu unterstützen. FLV ist die Abkürzung für FLASH VIDEO. Das FLV-Streaming-Medienformat ist ein Videoformat, das mit der Einführung von Flash MX entwickelt wurde. Denn die erstellten Dateien sind extrem klein und werden sehr schnell geladen.

Derzeit können Mainstream-Browser FLV-Dateien nicht direkt einbetten und abspielen, sodass eine direkte Wiedergabe über das Video-Tag nicht möglich ist.

Daher stehen zwei Parsing-Methoden zur Verfügung

• Betten Sie eine SWF-Medienwiedergabedatei ein und verwenden Sie diese Datei zum Abspielen Ihrer voreingestellten Dateien.

Hier empfehlen wir dplayer - http://dplayer.js.org/zh/guide.html#flv (persönlicher Test ist ebenfalls einfach zu verwenden)

• Verwenden Sie zum Konvertieren die Open-Source-flv.js von Bilibili FLV-Dateien Der Stream wird in ISO-BMFF-Segmente (Fragmented MP4) konvertiert, und die MP4-Segmente werden dann über die Media Source Extensions API für HTML5-Elemente bereitgestellt.

Github-Adresse: https://github.com/bilibili/flv.js

flv.js ist eine JavaScript-Bibliothek, die die Wiedergabe von Videos im FLV-Format in HTML5-Videos unterstützt. Geschrieben in ES6. Wenn die niedrigere Version kompatibel ist, müssen Sie sie mit Babel kompilieren.

Hier zeigen wir nur die Implementierungsdemo.

Installation. Lernvideo-Sharing: CSS-Video-Tutorial

,

HTML-Video-Tutorial

)

Das obige ist der detaillierte Inhalt vonUnterstützt HTML5 FLV-Dateien?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!