Beim Aufruf der Seite fehlt ein Platzhalter für den Videostream
Tulskie
- software
- sonstiges
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.
Hier würde ich gerne einen Platzhalter haben der die Seite schon im richtigen Verhältniß anzeigt.
@@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
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.
@@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
@@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...)
@@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
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
@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