“. Das Video-Tag-Element unterstützt drei Videoformate: MP4, WebM und Ogg."/> “. Das Video-Tag-Element unterstützt drei Videoformate: MP4, WebM und Ogg.">

Heim  >  Artikel  >  Web-Frontend  >  So fügen Sie Videos in HTML ein

So fügen Sie Videos in HTML ein

青灯夜游
青灯夜游Original
2021-03-29 11:30:378127Durchsuche

In HTML können Sie das Tag „

So fügen Sie Videos in HTML ein

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

html-Video einfügen

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>

<video src="movie.mp4" controls>
您的浏览器不支持 HTML5 video 标签。
</video>

</body>
</html>

Rendering:

So fügen Sie Videos in HTML ein

HTML5

Sie können Textinhalte zwischen den Tags

Attribut Wert Beschreibung
Autoplay Autoplay Wenn das Wenn das Attribut erscheint, wird das Video abgespielt, sobald es fertig ist.
Steuerelemente Steuerelemente Wenn vorhanden, werden dem Benutzer Steuerelemente angezeigt, z. B. eine Wiedergabetaste.
Höhe Pixel Stellen Sie die Höhe des Videoplayers ein.
loop loop Wenn dieses Attribut angezeigt wird, wird die Mediendatei nach Abschluss der Wiedergabe erneut abgespielt.
muted muted Wenn dieses Attribut erscheint, ist die Audioausgabe des Videos stummgeschaltet.
Poster URL Gibt das Bild an, das während des Herunterladens des Videos angezeigt werden soll, bis der Benutzer auf die Wiedergabeschaltfläche klickt.
Vorspannung automatisch
Metadaten
keine
Wenn dieses Attribut angezeigt wird, wird das Video beim Laden der Seite geladen und kann abgespielt werden. Bei Verwendung von „Autoplay“ wird dieses Attribut ignoriert.
src URL Die URL des abzuspielenden Videos.
Breite Pixel Legen Sie die Breite des Videoplayers fest.

Derzeit unterstützt das

So fügen Sie Videos in HTML ein

MIME-Typ für Audioformat:

OggWeitere Programmierkenntnisse finden Sie unter: ! !
Format m
Video /ogg
Programmiervideo

Das obige ist der detaillierte Inhalt vonSo fügen Sie Videos in HTML ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Was ist ein HTML-Tag?Nächster Artikel:Was ist ein HTML-Tag?