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 e26e9bceaa3cecafde05584c3fef9fba ist für HTML 5+ geeignet und wird zum Definieren von Video-Streaming-Medien für die Online-Anzeige verwendet ansehen.

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.
a6a9c6d3f311dabb528ad355798dc27d

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 d8e2720730be5ddc9c2a3782839e8eb6-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 39000f942b2545a5315c57fa3276f220-Tag verwenden, um Videodateien ohne Plug-Ins von Drittanbietern zu laden.

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不支持39000f942b2545a5315c57fa3276f220元素，考虑到兼容性，我们必须为这些浏览器找到一个支持Flash文件的解决方案。不幸的是，和HTML 5音频一样，涉及到视频的文件格式，Firefox 和 Safari/Chrome 的支持方式并不相同。因此，如果你想在这个时候使用HTML 5视频，则需要创建三个视频版本。OGG，MP4，FLV/SWF

复制代码

代码如下:

<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!