Video im Header

[Rainer Sieling]

Moin zusammen,

im Header ist durch das Themes ein Feld vorgesehen, in dem normalerweise ein Slider läuft. Dieses Feld wollte ich Zweckentfremden und darin ein Video laufen lassen.

zusätzliches CSS:

.slider-container {

width: 1000px;

height: 400px;

background: url(https://www.wildnisteam.de/wp-content/uploads/2020/11/wildnisteam2_0.mp4)

bottom no-repeat;

align-content; }

Da ich im Bereich CSS noch eine Niete bin, klappt es natürlich nicht.

https://www.wildnisteam.de

Bitte um Hilfe. Danke

[Marc]

Hej Rainer,

Moin zusammen,

im Header ist durch das Themes ein Feld vorgesehen, in dem normalerweise ein Slider läuft. Dieses Feld wollte ich Zweckentfremden und darin ein Video laufen lassen.

Die meisten Slider erlauben das ein binden eines Videos.

Wenn du in den vorhandenen Platz ein Video einbinden möchte, solltest du dein Video per HTML einbinden, damit es auch Steuerelemente bekommt.

Allerdings ist das Video derzeit für die Nutzung in einer Website ungeeignet. 40 MByte ungefragt an Leute auf ihr Handy zu übertragen und damit Kosten zu verursachen, ist einfach nicht ok. Biete das Video stehend an, damit jeder selber entscheiden kann, ob es ihm die Datenübertragung wert ist.

Übrigens ein sehr schönes Video!

zusätzliches CSS:

.slider-container { width: 1000px; height: 400px; }

Verabschiede dich von Pixeln, nutze Prozent-Angaben (ich denke, Dein video soll so breit wie der container sein, also 100%)

Wenn es kein Slider-container ist, sollte es auch nciht so heißen…

Bitte um Hilfe. Danke

Gerne, scheint ein tolles Webprojekt zu werden!

Marc (marctrix)

[Rainer Sieling]

Hi Marc,

habe es jetzt so umgesetzt. Der Slider ist wieder gefüllt. Das Video habe ich in eine Seite eingebunden und läuft.

Ist ja Richtig, dass man zu lange auf das Laden der Seite warten muss, wenn das Video im Header geladen wird.

Danke für den Anstupser.

Gruß, Rainer

[Matthias Apsel]

Hallo Rainer Sieling,

nicht nur warten, sondern ggf. Datenvolumen verplempern.

Bis demnächst
Matthias