Einführung in die Verwendung von HTML5-Video-Video-Tags

Dieser Artikel stellt hauptsächlich die Verwendung von HTML5-Video-Tags vor. Er hat einen gewissen Referenzwert. Jetzt kann ich ihn mit allen teilen, die ihn benötigen.

HTML-Video ist für HTML 5+ geeignet. Verwendung Um Video-Streaming-Medien für die Online-Anzeige zu definieren, finden Sie hier eine kurze Einführung für Freunde, die sie benötigen.

HTML

Code kopieren

Der Code lautet wie folgt:

<video width="320" height="240" src="http://www.jb51.net/movie.ogg" controls="controls">

Hier ist der Kommentartext, falls HTML nicht unterstützt wird 5. Der Browser zeigt den Text hier an. Sofern unterstützt, wird das Video direkt angezeigt und der Text ignoriert.

Wenn Sie in HTML 4 und früher ein Video zur Online-Anzeige in eine Webseite einbetten möchten, müssen Sie im Allgemeinen Flash-Video-Streaming verwenden, indem Sie < ;object> und -Tag können Sie Videodateien in swf, flv und anderen Formaten über den Browser abspielen, allerdings muss der Browser ein Plug-in eines Drittanbieters installieren: Adobe Flash Player. Moderne Smartphones und iPads unterstützen Flash in der Regel nicht und können daher keine Videos im Internet durchsuchen. HTML 5 hat diese Tatsache geändert. Webentwickler müssen nur noch das

Attribute	Wert	Beschreibung
Autoplay	Autoplay	Wenn dieses Attribut vorhanden ist, wird das Video abgespielt, sobald es fertig ist.
Steuerelemente	Steuerelemente	Wenn vorhanden, werden dem Benutzer Steuerelemente angezeigt, z. B. eine Wiedergabetaste.
Höhe	Pixelwert	Legt die Höhe des Videoplayers fest.
Schleife	Schleife	Wenn dieses Attribut erscheint, beginnt die Wiedergabe erneut, nachdem die Mediendatei abgespielt wurde.
vorladen	auto/meta/none	Gibt an, ob das Video vorab geladen werden soll, mögliche Werte: automatisch – wird geladen, wenn die Seite geladen wird geladen Das gesamte Video laden meta – Metadaten nur laden, wenn die Seite geladen wird none – das Video nicht laden, wenn die Seite geladen wird
* src	Videoadresse	Die URL des abzuspielenden Videos. Es wird empfohlen, eine absolute Adresse zu verwenden.
Breite	Pixelwert	Legt die Breite des Videoplayers fest.

如何写兼容的视频标签？

由于旧的浏览器和Internet Explorer不支持

复制代码

代码如下:

<video width="320" height="240" controls> 
<!-- 兼容 Firefox --> 
<source src="http://www.jb51.net/ movie.ogg" type="video/ogg" /> 
<!-- 兼容 Safari/Chrome--> 
<source src="http://www.jb51.net/ movie.mp4" type="video/mp4" /> 
<!-- 如果浏览器不支持video标签，则使用flash --> 
<embed src="http://www.jb51.net/ movie.swf" type="application/x-shockwave-flash" 
width="320" height="240" allowscriptaccess="always" allowfullscreen="true"></embed> 
</video>

相关推荐：

H5的video如何实现以及操作弹幕

Das obige ist der detaillierte Inhalt vonEinführung in die Verwendung von HTML5-Video-Video-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!