Das Einfügen eines Videos in eine HTML-Webseite kann für Ihre Besucher von großem Nutzen sein. Wenn Sie an einem leidenschaftlichen Projekt arbeiten, kann es dem Endprodukt auch eine visuelle Identität verleihen. Diejenigen, die an einem bestimmten Projekt oder einer Marke arbeiten, haben außerdem die Möglichkeit, sich durch das Video vorzustellen.
Wenn Sie ein Video in ein HTML-Dokument einfügen, gibt es drei gängige Methoden, die Sie verwenden können. Die Antworten auf die Frage, wie man ein Video in HTML zentriert, lauten:
- Einfügen eines
HTML-Tags in das Dokument - Eingabe eines Containers, um ein Videoelement in den Stil text-align:center einzubinden
- Einfügen eines Randes mit auto 0px und dem Stil display:block in das Video
Zentrieren eines Videos mit dem Tag
Dies ist eine der einfachsten Methoden, wenn es darum geht, ein Video in ein HTML-Dokument einzufügen. Der
Wenn Sie diesen Weg gehen möchten, können Sie einen HTML
Der
Zentrieren eines Videos mit dem Tag , sowie text-align:center
Der
Wenn Sie auf der gesamten Webseite
div.center {
text-align: center;
}
Sie können dann den Tag
Das Video wird dann genau in der Mitte des Elements
Zentrieren des Videos mithilfe eines Randes und eines Anzeigestils
Sie können wählen, ob Sie dem
Der Stil sieht folgendermaßen aus:
video.center {
Anzeige: Block;
margin-left: auto;
margin-right: auto;
}
Der Stil display:block ist erforderlich. Das Element
Wenn Sie das Tag
Wenn Sie die Eigenschaft display durch einen Block ersetzen, nimmt das Tag
Wenn Sie die obige CSS-Anweisung verwenden, müssen Sie nur die Klasse center in den Tag
Zentrieren eines YouTube-Videos mit HTML
YouTube und Vimeo gehören zu den am meisten verbreiteten Videoanbietern. Die meisten Menschen sehen sich Inhalte von diesen Websites an. Es kann Ihrer Website sehr helfen, wenn Ihre Videos auf diesen Plattformen gehostet werden. Diese Websites verfügen über eine Abonnement-Funktion, mit der Sie eine Verbindung zu einem festen Publikum herstellen können.
Sie können die Webseite auch mit dem YouTube-Kanal verlinken, um die Reichweite zu erhöhen, da viele Internetnutzer die Plattform täglich besuchen.
Wenn Sie ein YouTube-Video in Ihre Webseite einbetten, werden Sie aufgefordert, ein
Lesen Sie auch: Video Editing Services von fixthephoto.com und sehen Sie sich an, welche großartigen Dinge sie tun können, damit Ihr Video heraussticht.
Hier sehen Sie, wie der YouTube-Einbettungscode normalerweise aussieht:
width=“560″
height=“315″
src=“https://www.youtube.com/embed/
title=“YouTube-Video-Player“
frameborder=“0″
allowfullscreen
>
Wenn Sie das YouTube-Video zentrieren möchten, können Sie eine der oben genannten Methoden verwenden. Vimeo verwendet in der Regel denselben Einbettungscode, bei dem nur einige Parameter geändert werden, um die Website zu berücksichtigen. Möglicherweise müssen Sie bei anderen Videoanbietern nachfragen, ob deren Einbettungscode dem von YouTube verwendeten ähnlich ist. Die meisten Websites stellen den Einbettungscode über ihre Freigabelinks zur Verfügung.
Die Zentrierung eines Videos mit HTML ist eine der einfachsten Aufgaben, die Sie mit Tags, CSS oder Einbettungscodes erledigen können. Sobald Sie dies beherrschen, können Sie so viele Videos wie möglich in die Seite einbinden. Fühlen Sie sich frei, jedes Video zu zentrieren, das zu Ihrer Webseite passt!
