Hallo, Gast! (Registrieren)

Letzte Ankündigung: MyBB 1.8.38 veröffentlicht (30.04.24)


Benutzer, die gerade dieses Thema anschauen: 2 Gast/Gäste
Video als Theme-Hintergrund möglich?
#11
CSS

Öffne die global.css und füge dies zusätzlich ein.

Code:
video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
background: url('URL ZUM STANDBILD') no-repeat;
  background-size: cover;
  transition: 1s opacity;
}

Öffne das Header Templates->header und füge vor

Code:
<div id="content">

dies ein

Code:
<video poster="URL ZUM POSTER" playsinline autoplay muted loop>
<source src="URL ZUM VIDEO.webm" type="video/webm">
<source src="URL ZUM VIDEO.mp4" type="video/mp4">
</video>

URL´s + Videoformat anpassen und URL zum Poster / Standbild.
Mit freundlichen Grüßen

MrBrechreiz
Zitieren
#12
Kurze Antwort, ich hatte es am laufen als Kompletten Hintergrund für 3 Sec loop ca. als Sternenhimmel

Hatten sich aber Leute beschwert , war halt zuviel Bewegung

Habe es nicht mehr am laufen

nach welchen Beispiel ich das gemacht habe weis ich leider nicht mehr, denke aber wenn Du dich an MrBrechreiz hällst wirds schon klappen
Zitieren
#13
Thx euch beiden!

@MrBrechreiz - werd's am Abend probieren und dann hier Bericht erstatten! Thx vorerst mal.
Zitieren
#14
@ MrBrechreiz:

So - jetzt funzt das Video einwandfrei - thx dafür nochmal!
Sieht sehr gut aus und es gibt auch keinerlei Performanceprobleme am PC.

Solltest du es sehen wollen, dann würde ich es dir temporär auf unserer Testumgebung
einrichten und dir den Link mitteilen. (da es erst mit 1.Dezember live geht)

lg
Zitieren
#15
Passt schon, solange es dir / euch genügt ^^
Mit freundlichen Grüßen

MrBrechreiz
Zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Bild als Hintergrund Ron66 8 3.942 17.02.2016, 15:00
Letzter Beitrag: [ExiTuS]
  Hintergrund #container als Grafik ändern? Licht 21 6.675 07.09.2014, 12:29
Letzter Beitrag: Koelner
  Grafik als Hintergrund Susanne 11 5.099 01.05.2013, 17:41
Letzter Beitrag: Trommler
  Hintergrund Bild Hintergrund css Big Smoke Sn 2 3.554 31.07.2008, 09:59
Letzter Beitrag: Big Smoke Sn
  Textur als Hintergrund Tami 1 1.469 09.01.2008, 13:07
Letzter Beitrag: NetHunter