iFrame Optimierung

[peter81]

Wer kann mir helfen? habe 2 iFrames Varianten, und die eine ist die bessere bringe da aber kein poster rein.

hat jemand eine version oder variante wie ich das hinbekomme.

habe ein Video und ein Poster was ich gerne einbetten will.

habe externe Links, einer für video mp4 und einer für poster.

Leider kann ich den code nicht posten.

 

[scatello]

Zeige uns doch mal, was du gemacht hast, dann können wir uns das mal ansehen und vielleicht helfen.

 

[peter81]

würde ich gerne aber kann den code leider nicht posten hier weil er links enthält

 

[peter81]

Version 1 ohne Poster

<div style="position:relative;overflow:hidden;height:0;max-width:1920px;padding-bottom:56.25%"><iframe style="position:absolute;top:0;left:0;width:100%;height:100%;border:none" src="" allowfullscreen scrolling="no" frameborder="0" allowTransparency="true"></iframe></div>

nach dem scr = währe der link vom video

Version 2 mit Poster

<video
src="mp4"
width=290 height=160 controls
poster=".jpg"></video>

nach scr= währe der link
nach dem poster ürde das poster kommen

Die erste variante ist geil da das fram variabel ist und fast überall reinpasst oder die grösse, bringe aber dort kein poster rein

 

[Sempervivum]

Die erste variante ist geil da das fram variabel ist und fast überall reinpasst

Das kannst Du bei der zweiten auch haben, Du brauchst nur die feste Definition der Größe weg zu lassen:

<video
src="dein-video.mp4"
controls
poster="dein-poster.jpg"></video>

und dann dieses CSS zuzuweisen:

video {
    width: 100%;
}