Dynamischer Video loop

[escapet]

ein herzliches Grüezi

Ich habe auf meiner Seite Hintergrungvideos eingebunden, welche per Zufall aus einem Verzeichnis geladen werden.
Die funktioniert auch einwandfrei. Auch werden sie über die ganze Seite angezeigt.

Das Problem das ich habe ist, dass die Skalierung nicht dynamisch ist (bei anderen Auflösungen) das heisst das Video wird nicht mehr ganz dargestellt. Sprich schon über die ganze Seite, aber eben nicht mehr alles zu sehen.

Hier mal das PHP:

$Verzeichnis = "img/video";
 
if($Verzeichniszeiger = opendir($Verzeichnis))
{
        while($Datei = readdir($Verzeichniszeiger))
        {
                if(!is_dir($Datei))
                {
                        $Dateien[] = $Datei;
                }
        }
 
        closedir($Verzeichniszeiger);
}
 
echo"<video autoplay loop preload='auto' id='bgvid' src=\"",
        $Verzeichnis,
        "/",
        $Dateien[rand(0, count($Dateien)-1)],
        "\"></video>";

und noch das css:

video#bgvid {
position: fixed; right: 0; bottom: 0;
min-width: 100%; min-height: 100%;
width: auto; height: auto; z-index: -100;
video { display: block;
#bgvid { display: none; }

Kann mir jemand hierbei helfen?

Schon mal Danke im Voraus....

escapet

 

[threadi]

Dein CSS-Code ist fehlerhaft. Da fehlt eine } vor dem 2. video.

Außerdem sollte man keine negativen z-indizes verwenden. Das kann bei manchen Browsern zu Problemen führen.

 

[escapet]

hast recht, so besser:

video {position:fixed;right:0;bottom:0;width:100%;height:100%;width:auto;height:auto;z-index:-100}

Löst aber das ursprüngliche Problem nicht

 

[nookie]

hast recht, so besser:

video {position:fixed;right:0;bottom:0;width:100%;height:100%;width:auto;height:auto;z-index:-100}

Löst aber das ursprüngliche Problem nicht

Hier fehlt noch eine schließende Klammer.

video { display: block;