Tulskie: Beim Aufruf der Seite fehlt ein Platzhalter für den Videostream

problematische Seite

Hallo zusammen, ich versuche verzweifelt einen "Platzhalter" zu finden mit dem die Seite direkt nach dem Aufruf schon das Format hat, wie wenn der Stream schon läuft. Leider dauert es immer ein paar Sekunden bis der Stream angezeigt wird und die Seite ist vorher erheblich kleiner. Erst nach dem anzeigen des Stream's vergrößert sich die Seite auf die endgültige Größe. Der Aufruf des Stream's erfolgt mittels img src=. Die Lösung sollte ohne einen iframe auskommen, da mir das nicht gefällt.

Direkt nach Aufruf der Seite

Hier würde ich gerne einen Platzhalter haben der die Seite schon im richtigen Verhältniß anzeigt.

Nach dem der Stream geladen wurde

  1. problematische Seite

    @@Tulskie

    ich versuche verzweifelt einen "Platzhalter" zu finden mit dem die Seite direkt nach dem Aufruf schon das Format hat, wie wenn der Stream schon läuft.

    Ich gehe davon aus, dass die Breite des img-Elements per CSS angegeben wird. Dann sollte es <img width="16" height="9" src="" alt=""/> tun. (Wenn du ein anderes Seitenverhältnis als 16 : 9 hast, entsprechend anpassen.)

    😷 LLAP

    --
    „Dann ist ja auch schrecklich, dass wir in einem Land leben, in dem nicht nur Bildungswillige leben, sondern auch hinreichende Zahlen von Bekloppten. Das darf ich so locker formulieren, ich bin ja jetzt Rentner und muss nicht mehr auf jedes Wort achten.“
    — Joachim Gauck über Impfgegner
    1. problematische Seite

      Deine Annahme ist richtig das die Breite per CSS angegeben wird, wie im oberen Bild an dem weißen Balken auch zu sehen ist.

      Durch die Eingabe <img width="16" height="9" src="…" alt="…"/> ändert sich am Verhalten aber nichts. Der lange schmale Balken bleibt bis der Stream geladen ist und erst dann vergrößert sich der Bereich.

      1. problematische Seite

        @@Tulskie

        Deine Annahme ist richtig das die Breite per CSS angegeben wird

        Du musst auch noch die Höhe per CSS angeben: height: auto. Siehste!

        😷 LLAP

        --
        „Dann ist ja auch schrecklich, dass wir in einem Land leben, in dem nicht nur Bildungswillige leben, sondern auch hinreichende Zahlen von Bekloppten. Das darf ich so locker formulieren, ich bin ja jetzt Rentner und muss nicht mehr auf jedes Wort achten.“
        — Joachim Gauck über Impfgegner
    2. problematische Seite

      @@Tulskie

      ich versuche verzweifelt einen "Platzhalter" zu finden mit dem die Seite direkt nach dem Aufruf schon das Format hat, wie wenn der Stream schon läuft.

      Ich gehe davon aus, dass die Breite des img-Elements per CSS angegeben wird. Dann sollte es <img width="16" height="9" src="" alt=""/> tun. (Wenn du ein anderes Seitenverhältnis als 16:9 hast, entsprechend anpassen.)

      😷 LLAP

      Wäre

      <img width="908" height="681" src="" alt=""/>
      

      nicht besser? (Daten via Inspektor ausgelesen...)

      1. problematische Seite

        @@Raktenwilli

        Wäre

        <img width="908" height="681" src="" alt=""/>
        

        nicht besser? (Daten via Inspektor ausgelesen...)

        Dass das Seitenverhältnis ggfs. angepasst werden muss, schrub ich ja. Ich hatte meine Antwort von unterwegs auf dem Händy geschrieben, deshalb nicht inspiziert, welches es in diesem konkreten Fall ist. Der Fall ist hier gegeben, also

        <img width="4" height="3" src="" alt=""/>
        

        Es kommt hier tatsächlich nur auf das Verhältnis an – die gerenderte Größe wird duch CSS bestimmt (bspw. img { width: 100%; height: auto }).

        Wenn man sich gegen den Ausfall von CSS absichern möchte, kann man auch width="400" height="300" oder width="800" height="600" setzen. Oder die intrinsische Größe des Bildes, dann muss der Browser in dem wohl äußerst seltenen Fall nichts skalieren.

        Die intrinsische Größe wäre hier width="640" height="480" – via Inspektor ausgelesen. Du darfst da nicht das auf der Webseite skalierte Bild inspizieren, sondern das unskalierte Bild https://pipmatz.de:1910/.

        😷 LLAP

        --
        „Dann ist ja auch schrecklich, dass wir in einem Land leben, in dem nicht nur Bildungswillige leben, sondern auch hinreichende Zahlen von Bekloppten. Das darf ich so locker formulieren, ich bin ja jetzt Rentner und muss nicht mehr auf jedes Wort achten.“
        — Joachim Gauck über Impfgegner
  2. problematische Seite

    Hallo,

    ich versuche verzweifelt einen "Platzhalter" zu finden mit dem die Seite direkt nach dem Aufruf schon das Format hat, wie wenn der Stream schon läuft. Leider dauert es immer ein paar Sekunden bis der Stream angezeigt wird und die Seite ist vorher erheblich kleiner.

    für mich sieht es so aus, als ob du da irgendein Animation/Slider-Script einsetzt, das genau diesen Effekt bewirkt, indem es die Größe der vielen ineinander verschachtelten div-Elemente animiert. Lass das einfach weg. Und die meisten der divs auch.

    Verhältniß

    Autsch. Gute Besserung.

    Immer eine Handbreit Wasser unterm Kiel
     Martin

    --
    The taste of love: The more you get, the more you want
    (aus The Lightning Seeds: Sense)
  3. problematische Seite

    @all Hallo zusammen, erst einmal ein herzliches Dankeschön für die schnelle Hilfe. Dummer weise ist es oft nicht so einfach, wenn man mit einem Websitebuilder ein Grundgerüst erstellt, dieses an seine Wünsche anzupassen. Nach dem ich bei CSS, nach stundenlanger Suche, zu keinem Erfolg kam, habe ich die Streams nun hinter den ganzen Slide Funktionen eingebunden und dabei eine feste Größe vergeben. <img width="908" height="681" src="https://pipmatz.de:1910" alt=""/>

    Das führt zwar dazu das nun der Text über dem Stream angezeigt wird, aber dafür ist das Seitenverhältnis beim laden gleich so wie ich es möchte.

    Gruß Tulskie