HTML: Video einbinden – So gehts

Nicht deine Sprache?

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.

Jetzt HTML lernen

[the_ad_group id=“4427″]


Über Mich





Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
smileys


FritzBox: eigene Rufnummer anzeigen – So gehts

Oft hat man einen neuen Kabelanschluss oder ein neues Telefon, aber man weiß selbst garnicht...

FritzBox: Energiesparmodus aktivieren – So gehts

Wenn man an die Umwelt denkt, dann hat sich auch AVM darüber Gedanken gemacht. Denn...

FritzBox: Update & aktualisieren- So gehts

Es ist wichtig immer die Neusten Sicherheitsupdates für deine FritzBox zu installieren. Das ist nicht...

FritzBox: Einstellungen sichern und speichern

Oft ist es nicht schlecht ein Backup von den Einstellungen deiner FritzBox zu erstellen. Das...

FritzBox: Sprache ändern – So gehts

Wenn Deutsch nicht deine Muttersprache ist, dann kannst du die Sprache deiner FritzBox ändern und...

FritzBox: Sendeleistung erhöhen – So gehts

Hast du das Gefühl das deine Fritzbox nicht mit maximaler Power sendet? Du möchtest die...

FritzBox: Funkkanal ändern – So gehts

Wenn auf deinem jetzigen Funkkanal viele andere Router sind, dann solltest du ihn ändern um...

FritzBox: WLAN Name ändern – So gehts

In diesem Hilfebeitrag werde ich dir zeigen, wie du den Namen deiner FritzBox ändern kannst...

FritzBox: Zeitzone einstellen und ändern – So gehts

Normalerweise musst du die Uhrzeit von deiner Fritzbox nicht selber einstellen. Sie wird automatisch von...

FritzBox: Rufnummer sperren – So gehts

Na, bist du auch genervt von lästigen Anrufen? Keine Sorge, mit der Fritz!Box kannst du...

FritzBox: DNS Server ändern – So gehts

Natürlich kann ich Dir dabei helfen, den DNS Server in Deiner Fritzbox zu ändern. Mit...

FritzBox: Gastzugang einrichten – So gehts

Klar, ich helfe dir gerne dabei, einen Gastzugang auf deiner FritzBox einzurichten. Hier ist eine...

FritzBox: Kennwort ändern – So gehts

Wenn du das Kennwort deiner FritzBox ändern möchtest, kannst du dies ganz einfach über die...

FritzBox: Neu starten – So gehts

Du möchtest deine FritzBox neu starten?! Manchmal macht es sinn deine FritzBox vom Strom zu...

Google Chrome: Energiesparmodus aktivieren – So gehts

Ja du hast richtig gehört, Google Chrome hat einen Energiesparmodus und wir aktivieren ihn jetzt...