Wenn du in HTML ein Video einbinden möchtest dann gibt es dafür das < video > Tag. Mit diesem lassen sich im handumdrehen Videos in deine Webseite einbinden.

Video mit HTML einbinden

Diser Code bindet ein Video mit der Höhe von 350 px und Breite von 250 px ein. Das Videoformat das du dafür benötigst ist im Mp4 Format. Es geht aber auch das Format OGG

<video width="350" height="250" controls>
  <source src="meinfilm.mp4" type="video/mp4">
</video>

Mit diesem Codebeispiel kannst du ein Video in HTML einbinden. Es wird dir dann der Player mit dem Video angezeigt.

HTML: Video einbinden Autoplay

Wenn du möchtest das dein Video sofort abgespielt wird wenn die Webseite geladen wurde dann fügst du einfach noch den Befehl controls autoplay hinzu

<video width="350" height="250" controls autoplay>
  <source src="meinfilm.mp4" type="video/mp4">
</video>

HTML Video Tag

Das html-Video-Tag wird verwendet, um Videoinhalte in ein HTML-Dokument einzubetten.

Das Video-Tag unterstützt mehrere Attribute, darunter das src-Attribut, das die URL der Videodatei angibt. Das Attribut controls fügt dem Videoplayer Schaltflächen zur Steuerung (Wiedergabe, Pause usw.) hinzu.

Das Attribut autoplay bewirkt, dass das Video automatisch abgespielt wird, wenn die Seite geladen wird. Das loop-Attribut bewirkt, dass das Video von vorne beginnt, wenn es das Ende erreicht hat.

Das Attribut muted schließlich bewirkt, dass die Audiospur des Videos standardmäßig stummgeschaltet wird. Alle diese Attribute sind optional; ohne das src-Attribut wird jedoch kein Video angezeigt. Das html-Video-Tag ist eine gute Möglichkeit, Multimedia-Inhalte in deine Webseiten einzufügen.

Über Mich

Domi

Hi ich bin’s Dominik. Auf Blogseite.com findest du alles was mich interessiert. Mag Games, liebe SEO, programmiere gerne und möchte dir mit verschiedenen Themen die mich begeistern einen Mehrwert liefern. Viel Spaß auf meiner Seite

Kennst du schon diese Memes?

Smiley Bedeutung